HTML5简介

  • HTML5是HTML的最新修订标准。2014年10月29日,万维网联盟(W3C)宣布,经过8年的努力,HTML5标准规范制定完成。
  • HTML5的设计目的是在移动设备上使用多媒体。
  • HTML5简单易学。 http://hovertree.com/menu/html5/

什么是HTML5?

  • HTML5是下一代的HTML。
  • HTML5将成为HTML、XHTML以及HTML DOM的新标准。
  • HTML的上一个版本诞生于1999年。HTML的诞生,让互联网的世界发生了巨变。
  • HTML5仍处于完善之中。但目前,大部分的主流浏览器都对HTML5支持。

HTML5的发展起源

HTML5是W3C与WHATWG合作的结果。

W3C 指 World Wide Web Consortium,万维网联盟。 
WHATWG 指 Web Hypertext Application Technology Working Group。

W3C专注于XHTML 2.0,WHATWG致力于web表单和应用程序。在2006年,双方决定进行合作,创建新一代的HTML标准。

他们为新一代HTML5建立的一些规则:

  • 新特性应该基于HTML、CSS、DOM以及JavaScript。
  • 减少对外部插件的需求,比如flash。
  • 更优秀的错误处理。
  • 更多取代脚本的标记。
  • HTML5应该独立于设备。
  • 开发进程对公众透明。

HTML5一些有趣的新特性:

    • 用于绘画的 canvas 元素
    • 用于媒体播放的video和audio元素
    • 对本地离线存储更好的支持
    • 新的特殊内容元素,比如article、footer、header、nav、section
    • 新的表单控件,比如calendar、date、time、email、number、url、search

HTML5相比上一代HTML有哪些改进?

  • 新元素
  • 新属性
  • 完全支持CSS3
  • vedio和audio
  • 2D/3D绘图
  • 本地存储
  • 本地SQL数据
  • web应用

HTML5多媒体

使用HTML5可以简单的在网页中播放音频(audio)和视频(vedio),而不需要flash的支持。

  • 使用元素<audio>
  • 使用元素<vedio>

HTML5应用

使用HTML5可以方便地开发应用。

  • 本地数据存储
  • 访问本地文件
  • 本地SQL数据
  • 缓存引用
  • JavaScript支持
  • XHTML HttpRequest 2

HTML5图形

使用HTML5可以方便地绘制图形。 
- 使用<canvas>元素 
- 使用内联SVG 
- 使用CSS3 2D/3D

HTML5使用CSS3

  • 新选择器
  • 新属性
  • 动画
  • 2D/3D转换
  • 圆角
  • 阴影效果
  • 可下载的字体

HTML5浏览器支持

HTML5已支持opra、chrome、firefox、safari以及IE9以上版本。 

转自:http://hovertree.com/h/bjaf/45v552nk.htm

推荐:http://www.cnblogs.com/roucheng/p/texiao.html

HTML5简介的更多相关文章

  1. HTML5简介及HTML5的发展前景

    WEB技术发展越来越迅速,HTML5的到来更是把WEB技术推向了巅峰,目前HTML5技术已经日趋成熟,不仅在PC段,HTML5更是在移动终端上也有广泛的应用,HTML5的未来十分光明,值得我们去学习. ...

  2. 第零篇、HTML5简介

    1.什么是HTML5? 背景:互联网的快速兴起 1>网页5.0版本 2>2014年才定制HTML5标准 3>移动先行 2.为什么要使用HTML5? 1>跨平台(可以运行所有的浏 ...

  3. HTML5之一HTML5简介

    1.什么是HTML5? HTML5是HTML的新一代标准.以前版本的HTML标准4.01发布于1999. 自1999年以后,web已经有了翻天覆地的变化. 实际上HTML5仍旧是开发中的一个标准.但是 ...

  4. HTML5简介、视频

    HTML5 建立的一些规则: 新特性应该基于 HTML.CSS.DOM 以及 JavaScript. 减少对外部插件的需求(比如 Flash) 更优秀的错误处理 更多取代脚本的标记 HTML5 应该独 ...

  5. HTML5 简介、浏览器支持、新元素

    什么是 HTML5? HTML5 是最新的 HTML 标准. HTML5 是专门为承载丰富的 web 内容而设计的,并且无需额外插件. HTML5 拥有新的语义.图形以及多媒体元素. HTML5 提供 ...

  6. HTML5 简介、HTML5 浏览器支持

    HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定. HTML5的设计目的是为了在移动设备上支持多媒体. HTML5 简单易学. 什么是 HTML5? HTML5 ...

  7. html5 简介

    html5基于html.html dom.xhtml的新版本. 为html5建立的一些新规则: 基于html.dom.xhtml和javascript: 减少对外部插件的需求,比如flash: 更多取 ...

  8. ↗☻【HTML5秘籍 #BOOK#】第1章 HTML5简介

    <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8& ...

  9. html5快速入门(一)—— html简介

    前言: 1.HTML5的发展非常迅速,可以说已经是前端开发人员的标配,在电商类型的APP中更是运用广泛,这个系列的文章是本人自己整理,尽量将开发中不常用到的剔除,将经常使用的拿出来,使需要的朋友能够真 ...

随机推荐

  1. 浅谈 LayoutInflater

    浅谈 LayoutInflater 版权声明:本文为博主原创文章,未经博主允许不得转载. 微博:厉圣杰 源码:AndroidDemo/View 文中如有纰漏,欢迎大家留言指出. 在 Android 的 ...

  2. 自己写的数据交换工具——从Oracle到Elasticsearch

    先说说需求的背景,由于业务数据都在Oracle数据库中,想要对它进行数据的分析会非常非常慢,用传统的数据仓库-->数据集市这种方式,集市层表会非常大,查询的时候如果再做一些group的操作,一个 ...

  3. 内存映射文件MemoryMappedFile使用

    参考资料: http://blog.csdn.net/bitfan/article/details/4438458 所谓内存映射文件,其实就是在内存中开辟出一块存放数据的专用区域,这区域往往与硬盘上特 ...

  4. python enumerate 用法

    A new built-in function, enumerate() , will make certain loops a bit clearer. enumerate(thing) , whe ...

  5. 值得注意的ibatis动态sql语法格式

    一.Ibatis常用动态sql语法,简单粗暴用一例子 <select id="iBatisSelectList" parameterClass="java.util ...

  6. springmvc+mybatis+spring 整合 bootstrap html5

    A 调用摄像头拍照,自定义裁剪编辑头像 [新录针对本系统的视频教程,手把手教开发一个模块,快速掌握本系统]B 集成代码生成器 [正反双向](单表.主表.明细表.树形表,开发利器)+快速构建表单;  技 ...

  7. 敏捷转型历程 - Sprint3 一团糟的演示会

    我: Tech Leader 团队:团队成员分布在两个城市,我所在的城市包括我有4个成员,另外一个城市包括SM有7个成员.另外由于我们的BA离职了,我暂代IT 的PO 职位.PM和我在一个城市,但他不 ...

  8. 电脑新建svn仓库

    步骤1:安转svg: 注意事项: 安装的时候选择:Modify 安装到以下图片的步骤时: 黄色区域选择: 步骤2:新建svn仓库文件夹(本教程例子:D:\svn-5gpos),选择文件夹右键,点击下图 ...

  9. MongoDB常用操作--集合1

    1.创建集合有两种方式,显示创建和隐式创建 显示创建可以使用命令 db.createCollection("集合名称") 隐式创建可以使用命令 db.集合名称.insert({}) ...

  10. Ubuntu1604下安装Liggghts及CFDEM Coupling

    部分内容参考http://www.linuxdiyf.com/linux/16315.html LIGGGHTS是一款开源的DEM软件,来自于著名的分子动力学软件LAMMPS,目前借助于CFDEM C ...