走进HTML5入门到精通:HTML5介绍

HTML5草案的前身名为 ">Web Applications 1.0。於 2004年被 WHATWG提出,於 2007年被 W3C接纳,并成立了新的 HTML工作团队。在 2008年 1月 22日,第一份正式草案已公布,预计将在 2010年 9月正式向公众推荐。WHATWG表示该规范是目前正在进行的工作,仍须多年的努力。

新标记

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

一些过时的 HTML4标记将被取消。其中包括纯粹显示效果的标记,如 <font>和<center>,它们已经被 CSS取代。

<video>标记

定义和用法:

<video> 标签定义视频,比如电影片段或其他视频流。

实例: 一段简单的 HTML5视频

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

您的浏览器不支持 video 标签。

</video>

各系统与浏览器支持的视频格式:

<th>HTML5 </th>

操作系统 浏览器 支持度   Windows Internet Explorer 6 不支持 如果安装了Google Chrome Frame,支持HTML5   Internet Explorer

7 不支持 如果安装了Google Chrome Frame,支持HTML5   Internet Explorer

8 不支持 如果安装了Google Chrome Frame,支持HTML5   Internet Explorer

9 支持(mp4,webm*) *如果安装了VP8 解码器   Firefox < 3.5 不支持     Firefox 3.5, 3.6 支持(ogg)     Firefox 4 支持(webm,ogg)     Chrome < 3 不支持     Chrome 3, 4, 5 支持(mp4,ogg)     Chrome 6 支持(mp4,webm,ogg)     Opera < 1
0.5 不支持     Opera 10.5 支持(ogg)     Opera 10.6 支持(webm,ogg)     Opera 11 支持(webm,ogg)     Safari 3.1, 4, 5 支持(mp4)

时间: 2024-08-01 14:43:42

走进HTML5入门到精通:HTML5介绍的相关文章

走进HTML5入门到精通:&lt;nav&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <nav> 标签 定义和用法 <nav> 标签定义导航链接的部分. 实例 <nav><a href="index.asp">Home</a><a href="html5_meter.asp">Previous</a><a href="html5_noscript.asp"

走进HTML5入门到精通:&lt;video&gt;标签

<video> 标签 定义和用法 <video> 标签定义视频,比如电影片段或其他视频流. 实例 一段简单的http://www.aliyun.com/zixun/aggregation/79228.html"> HTML5 视频: <video src="movie.ogg" controls="controls">您的浏览器不支持 video 标签.</video>TIY<!DOCTYPE H

走进HTML5入门到精通:HTML5表单元素

HTML 5 的新的表单元素: HTML 5 拥有若干涉及表单的元素和属性. 本章介绍以下新的表单元素: datalistkeygenoutput 浏览器支持 Input type IE Firefox http://www.aliyun.com/zixun/aggregation/10963.html">Opera Chrome Safari datalist No No 9.5 No No keygen No No 1 0.5 3.0 No output No No 9.5 No No

走进HTML5入门到精通:&lt;command&gt;标签

<command> 标签 定义和用法 <command> 标签定义命令按钮,比如单选按钮.复选框或按钮. 实例 标记一个风信网(www.ithov.com)按钮: <menu><command type="command">Click Me!风信网</command></menu> 亲自试一试 HTML 4.01 与 HTML 5 之间的差异 <command> 标签是 HTML 5 中的新标签. 属性

走进HTML5入门到精通:&lt;optgroup&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <optgroup> 标签 定义和用法 <optgroup> 标签定义选项组.此元素允许您组合选项.当您使用一个长的选项列表时,对相关的选项进行组合 会使处理更加容易. HTML 4.01 与 HTML 5 之间的差异 没有. 例子 <select><optgroup label="Swedish Cars"><option http://ww

走进HTML5入门到精通:&lt;output&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <output> 标签 定义和用法 <output> 标签定义不同类型的输出,比如脚本的输出. 实例 如何在表单中使用 output 元素: <form action="form_action.asp" method="get" http://www.aliyun.com/zixun/aggregation/11696.html">

走进HTML5入门到精通:&lt;tbody&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <tbody> 标签 定义和用法 定义一段表格主体(正文). 使用 <tbody> 标签,可以将表格分为一个单独的部分.<tbody> 标签可将表格中的一行或几行合成一组. 虽然您可能想包括一个,甚至会在表格中包括两个或更多个 <tbody> 标签,但是我们建议最好在表格中没有<tbody> 标签. 在 <tbody> 标签中,只有 <tr

走进HTML5入门到精通:&lt;ruby&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <ruby> 标签 定义和用法 <ruby> 标签定义 ruby 注释(中文注音或字符). 在东亚使用,显示的是东亚字符的发音. 与 <ruby> 以及 <rt> 标签一同使用: ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容. 实例

走进HTML5入门到精通:&lt;img&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <img> 标签 定义和用法 <img> 标签定义图像. HTML 4.01 与 HTML 5 之间的差异 在 HTML 4.01 中,图像的 "align", "border", "hspace" 以及 "vspace" 不赞成使用.在 HTML 5 中,不再支持这些属性. 例子 <img src=&quo