日期:2014-05-17  浏览次数:20772 次

HTML5 详细介绍 及应用实例

?HTML5?概况

什么是 HTML5

?

HTML 5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。

HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同,HTML 5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。

?

???? 与HTML 4的不同之处

  新的解析顺序新的元素:section, video, progress, nav, meter, time, aside, canvasinput元素的新属性:日期和时间,email, url。新的通用属性:ping, charset, async全域属性:id, tabindex, repeat。移除元素:center, font, strike。

  HTML 5有两大特点:

  首先,强化了Web网页的表现性能。除了可描绘二维图形外,还准备了用于播放视频和音频的标签。

  其次,追加了本地数据库等Web应用的功能。

?

?

HTML5 主要新功能

?

HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本,旨在消除Internet 程序(RIA)对 Flash, Silverlight, JavaFX 一类浏览器插件的依赖。除了原先的DOM接口,HTML5增加了更多API,如:

·?????? 本地音频视频播放;

·?????? 动画;

·?????? 地理信息;

·?????? 硬件加速;

·?????? 本地运行(即使在 Internet 连接中断之后);

·?????? 本地存储;

·?????? 从桌面拖放文件到浏览器上传;

·?????? 语义化标记。

那些支持 HTML5 的浏览器在处理 HTML 代码错误的时候必须更灵活,而那些不支持 HTML5 的浏览器将忽略 HTML5 代码。

?

?

HTML 语法和接口的变化

?

  除了原先的DOM接口,HTML5增加了更多API,如:

  1. 用于即时2D绘图的Canvas标签

  2. 定时媒体回放

  3. 离线数据库存储

  4. 文档编辑

  5. 拖拽控制

  6. 浏览历史管理

?

HTML5 引入了新的 HTML 元素和属性,有的是传统通用元素的语义化版本,如取代? div 元素的 nav, footer 等元素,也有一些全新的元素,如 audio, video。一些在 HTML4 中不被推荐使用的元素,如 font 和 center 将被弃用。HTML5 引入的新 HTML 元素包括:

·?????? article:文章

·?????? aside:内容旁边的侧边栏内容

·?????? audio:音频

·?????? canvas:2D 绘图

·?????? command:命令按钮

·?????? datalist:下拉选择框

·?????? details:对象的细节

·?????? dialog:对话框

·?????? embed:外部插件或对象

·?????? figure:一组媒体对象以及标签文字

·?????? footer:页脚

·?????? header:页首

·?????? hgroup:文档某一部分的信息

·?????? keygen:表单生成的 Key

·?????? mark:标注的文字

·?????? meter:预先定义的范围内的度量

·?????? nav:导航条

·?????? output:输出

·?????? progress:进度条

·?????? rp:标识 rubby 内容

·?????? rt:rubby 内容的解释

·?????? ruby:rubby 内容

·?????? section:定义一个部分

·?????? source:媒体的资源

·?????? time:日期时间

·?????? video:视频

这些新标签,可以让你的 HTML 文档更容易加载,且更容易被搜索引擎抓取其中的有用信息。比如,搜索引擎可以直接抓取它最关心的 article 标签里面的内容。

?

?

HTML5 同那些流行的技术如何共存