html5说明文档

小编语：为你精心整理的html5说明文档,希望对你有帮助! 如果喜欢就请继续关注我们博文学习网（www.hnnscy.com）的后续更新吧！

html5说明文档篇一：HTML5的基础知识-个人整理

1.产生和发展

HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML [1]（标准通用标记语言下的一个应用）标准版本；现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集。

HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG（Web Hypertext Application Technology Working Group （Web超文本应用技术工作组 -WHATWG））提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。

HTML 5 的第一份正式草案已于2008年1月22日公布[3]。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

2013年5月6日， HTML 5.1正式草案公布。该规范定义了第五次重大版本，第一次要修订万维网的核心语言：超文本标记语言（HTML）。在这个版本中，新功能不断推出，以帮助Web应用程序的作者，努力提高新元素互操作性。

支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；国内的傲游浏览器（Maxthon），以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。

2.HTML5的特性

语义特性（Class：Semantic）

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。

本地存储特性（Class: OFFLINE & STORAGE）

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API说明文档。

设备兼容特性 (Class: DEVICE ACCESS)

从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。

连接特性（Class: CONNECTIVITY）

更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。

网页多媒体特性(Class: MULTIMEDIA)

支持网页端的Audio、Video等多媒体功能，与网站自带的APPS，摄像头，影音功能相得益彰。

三维、图形及特效特性（Class: 3D, Graphics & Effects）

基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。

性能与集成特性（Class: Performance & Integration）

没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术，帮助您的Web应用和网站在多样化的环境中更快速的工作。

CSS3特性(Class: CSS3)

在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。

3.HTML5的改变

HTML5提供了一些新的元素和属性，例如<nav>（网站导航块）和<footer>。这种标签将有利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用，除此之外，还为其他浏览要素提供了新的功能，如<audio>和<video>标记。

1、取消了一些过时的HTML4标记

其中包括纯粹显示效果的标记，如<font>和<center>，它们已经被CSS取代。 HTML5 吸取了XHTML2 一些建议，包括一些用来改善文档结构的功能，比如，新的HTML 标签 header, footer, dialog, aside, figure 等的使用，将使内容创作者更加语义地创建文档，之前的开发者在实现这些功能时一般都是使用div。

2、将内容和展示分离

b 和i标签依然保留，但它们的意义已经和之前有所不同，这些标签的意义只是为了将一段文字标识出来，而不是为了为它们设置粗体或斜体式样。u，font，center，strike 这些标签则被完全去掉了。

3、一些全新的表单输入对象

包括日期，URL，Email 地址，其它的对象则增加了对非拉丁字符的支持。HTML5 还引入了微数据，这一使用机器可以识别的标签标注内容的方法，使语义Web 的处理更为简单。总的来说，这些与结构有关的改进使内容创建者可以创建更干净，更容易管理的网页，这样的网页对搜索引擎，对读屏软件等更为友好。

4、全新的，更合理的Tag

多媒体对象将不再全部绑定在object或 embed Tag 中，而是视频有视频的Tag，音频有音频的 Tag。

5、本地数据库

这个功能将内嵌一个本地的SQL 数据库，以加速交互式搜索，缓存以及索引功能。同时，那些离线Web 程序也将因此获益匪浅。不需要插件的丰富动画。

6、Canvas 对象

将给浏览器带来直接在上面绘制矢量图的能力，这意味着用户可以脱离Flash 和

Silverlight，直接在浏览器中显示图形或动画。

7、浏览器中的真正程序

将提供 API 实现浏览器内的编辑，拖放，以及各种图形用户界面的能力。内容修饰Tag 将被剔除，而使用CSS。

8、Html5取代Flash在移动设备的地位。

9、其突出的特点就是强化了web页的表现性,追加了本地数据库

4.HTML5的优点

网络标准

HTML5本身是由W3C推荐出来的，它的开发是通过谷歌、苹果，诺基亚、中国移动等几百家公司一起酝酿的技术，这个技术最大的好处在于它是一个公开的技术。换句话说，每一个公开的标准都可以根据W3C的资料库找寻根源。另一方面，W3C通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现。

多设备跨平台

用HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台非常强大，也是大多数人对HTML5有兴趣的主要原因。

自适应网页设计

很早就有人设想，能不能”一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局（layout）？

2010年，Ethan Marcotte提出了”自适应网页设计“这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。

这就解决了传统的一种局面——网站为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。

即时更新

游戏客户端每次都要更新，很麻烦。可是更新HTML5游戏就好像更新页面一样，是马上的、即时的更新。

总结概括HTML5有以下优点：

1、提高可用性和改进用户的友好体验；

2、有几个新的标签，这将有助于开发人员定义重要的内容； 3、可以给站点带来更多的多媒体元素(视频和音频)； 4、可以很好的替代FLASH和Silverlight；

5、当涉及到网站的抓取和索引的时候，对于SEO很友好； 6、将被大量应用于移动应用程序和游戏。

5. 元素变化

新的解析顺序新的元素：section, video, progress, nav, meter, time, aside, canvasinput

元素的新属性：日期和时间，email, url。 新的通用属性：ping, charset, async 全域属性：id, tabindex, repeat。 移除元素：center, font, strike。

1.HTML5 中的一些有趣的新特性：

? ? ? ? ?

用于绘画的 canvas 元素

用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持

新的特殊内容元素，比如 article、footer、header、nav、section 新的表单控件，比如 calendar、date、time、email、url、search

2.支持视频格式：

Ogg = 带有Theora视频编码和Vorbis音频编码的Ogg文件 MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 WebM = 带有 VP8 视频编码和Vorbis音频编码的WebM文件

测试代码：

<!DOCTYPE HTML> <html> <body>

<video src="/i/movie.ogg" width="320" height="240" controls="controls"> Your browser does not support the video tag. </video>

</body> </html>

control 属性供添加播放、暂停和音量控件。

包含宽度和高度属性也是不错的主意。

<video>与</video>之间插入的内容是供不(来自:www.hnnSCY.cOm 博文学习 网:html5说明文档)支持 video 元素的浏览器显示的： video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。

Internet Explorer 8 不支持 video 元素。在 IE 9 中，将提供对使用 MPEG4 的 video 元素的支持。 Internet Explorer 8 不支持 audio 元素。在 IE 9 中，将提供对 audio 元素的支持。

3.HTML5新的Input类型

HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。 包括：

? ? ? ? ? ? ?

email url number range

Date pickers (date, month, week, time, datetime, datetime-local) search color

浏览器支持

新的 input 属性：

? ? ? ? ? ?

autocomplete autofocus form

form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget) height 和 width list

html5说明文档篇二：HTML5 参考手册

HTML5 参考手册

W3C 在 1 月 22 日发布了最新的 HTML5 工作草案。HTML5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML5 中的一些新特性：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。其他特性包括新的页面元素，比如 <header>, <section>, <footer>, 以及 <figure>。 通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则，HTML5 改进了互操作性，并减少了开发成本。 按字母顺序排列

? 4: 指示在 HTML 4.01 中是否定义了该元素 ? 5: 指示在 HTML5 中是否定义了该元素

html5说明文档篇三：HTML5入门教程

HTML5教程

HTML 5 简介

HTML5 是下一代的HTML。

什么是HTML5？

HTML5 将成为HTML、XHTML 以及HTML DOM 的新标准。

HTML 的上一个版本诞生于1999 年。自从那以后，Web 世界已经经历了巨变。 HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些HTML5 支持。 HTML5 是如何起步的？

HTML5 是W3C 与WHATWG 合作的结果。

编者注：W3C 指World Wide Web Consortium，万维网联盟。

编者注：WHATWG 指Web Hypertext Application Technology Working Group。 WHATWG 致力于web 表单和应用程序，而W3C 专注于XHTML 2.0。在2006 年，双 方决定进行合作，来创建一个新版本的HTML。

为HTML5 建立的一些规则：

? 新特性应该基于HTML、CSS、DOM 以及JavaScript。

? 减少对外部插件的需求（比如Flash）

? 更优秀的错误处理

? 更多取代脚本的标记

? HTML5 应该独立于设备

? 开发进程应对公众透明

新特性

HTML5 中的一些有趣的新特性：

? 用于绘画的canvas 元素

? 用于媒介回放的video 和audio 元素

? 对本地离线存储的更好的支持

? 新的特殊内容元素，比如article、footer、header、nav、section

? 新的表单控件，比如calendar、date、time、email、url、search

浏览器支持

最新版本的Safari、Chrome、Firefox 以及Opera 支持某些HTML5 特性。Internet Explorer

9 将支持某些HTML5 特性。

HTML 5 视频

许多时髦的网站都提供视频。HTML5 提供了展示视频的标准。

Web 上的视频

直到现在，仍然不存在一项旨在网页上显示视频的标准。

今天，大多数视频是通过插件（比如Flash）来显示的。然而，并非所有浏览器都拥有同样 的插件。

HTML5 规定了一种通过video 元素来包含视频的标准方法。

视频格式

当前，video 元素支持两种视频格式：

Internet Explorer Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0

Ogg X X X

MPEG 4 X X

Ogg = 带有Thedora 视频编码和Vorbis 音频编码的Ogg 文件

MPEG4 = 带有H.264 视频编码和AAC 音频编码的MPEG 4 文件

如何工作

如需在HTML5 中显示视频，您所有需要的是：

<video src="movie.ogg" controls="controls">

</video>

control 属性供添加播放、暂停和音量控件。

包含宽度和高度属性也是不错的主意。

<video> 与</video> 之间插入的内容是供不支持video 元素的浏览器显示的： 实例

<video src="movie.ogg" width="320" height="240" controls="controls"> Your browser does not support the video tag.

</video>

上面的例子使用一个Ogg 文件，适用于Firefox、Opera 以及Chrome 浏览器。 要确保适用于Safari 浏览器，视频文件必须是MPEG4 类型。

video 元素允许多个source 元素。source 元素可以链接不同的视频文件。浏览器将使用第

一个可识别的格式：

实例

<video width="320" height="240" controls="controls">

<source src="movie.ogg" type="video/ogg">

<source src="movie.mp4" type="video/mp4">

Your browser does not support the video tag.

</video>

Internet Explorer

Internet Explorer 8 不支持video 元素。在IE 9 中，将提供对使用MPEG4 的video 元素 的支持。

<video> 标签的属性

属性值描述

autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。

controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。

height pixels 设置视频播放器的高度。

loop loop 如果出现该属性，则当媒介文件完成播放后再次开始播放。

preload preload

如果出现该属性，则视频在页面加载时进行加载，并预备播放。

如果使用"autoplay"，则忽略该属性。

src url 要播放的视频的URL。

width pixels 设置视频播放器的宽度。

HTML 5 音频

HTML5 提供了播放音频的标准。

Web 上的音频

直到现在，仍然不存在一项旨在网页上播放音频的标准。

今天，大多数音频是通过插件（比如Flash）来播放的。然而，并非所有浏览器都拥有同样 的插件。

HTML5 规定了一种通过audio 元素来包含音频的标准方法。

audio 元素能够播放声音文件或者音频流。

视频格式

当前，audio 元素支持三种音频格式：

Internet Explorer Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0

Ogg Vorbis X X X

MP3 X X

Wav X X X

如何工作

如需在HTML5 中播放音频，您所有需要的是：

<audio src="song.ogg" controls="controls">

</audio>

control 属性供添加播放、暂停和音量控件。

<audio> 与</audio> 之间插入的内容是供不支持audio 元素的浏览器显示的： 实例

<audio src="song.ogg" controls="controls">

Your browser does not support the audio tag.

</audio>

上面的例子使用一个Ogg 文件，适用于Firefox、Opera 以及Chrome 浏览器(读者注：国产的很多浏览器也可以)。

要确保适用于Safari 浏览器，音频文件必须是MP3 或Wav 类型。

audio 元素允许多个source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式：