HTML 标准自1999年12月发布的 HTML 4.01 后,后继的 HTML 5 和其它标准被束之高阁,为了推动web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group (Web 超文本应用技术工作组 - WHATWG) 的组织,HTML5草案的前身名为 Web Applications 1.0,於2004年被 WHATWG 提出,於2007年被 W3C 接纳,并成立了新的 HTML 工作团队。HTML 5 的第一份正式草案已于2008年1月22日公布。HTML 5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能
改进特性
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
列表如下:
1.不支持的旧属性:
<acronym> HTML 5 中不支持。定义首字母缩写。
HTML 5 不支持 <acronym> 标签。请使用 <abbr> 标签代替它。
在 HTML 4.01 中,<acronym> 标签定义首字母缩略词。
如果首字母缩略词是一个单词,则可以被读出来,例如 NATO、NASA、ASAP、GUI。
<applet> HTML 5 中不支持。定义 applet。
HTML 5 中不支持 applet 元素。请使用 <object> 标签代替它。
<applet> 定义嵌入的 applet。
<basefont> HTML 5 中不支持。请使用 CSS 代替。
HTML5 中不支持 <basefont> 标签。请用 CSS 代替
<basefont> 标签定义文档中所有文本的默认颜色、大小和字体。
<big> HTML 5 中不支持。定义大号文本。
HTML5 中不支持 <big> 标签。请用 CSS 代替。
<big> 标签制作更大的文本。
HTML 5 中不支持。定义居中的文本。
HTML5 中不支持该 <center> 标签。请使用 CSS 代替。
<center> 标签对其包围的文本和内容进行水平居中处理。
<dir> HTML 5 中不支持。定义目录列表。
HTML5 中不支持 <dir> 标签。请用 CSS 代替。
<dir> 标签定义目录列表。
在 HTML 5 中,不支持 <font> 标签。请用 CSS 代替它
<font> 标签规定文本的字体、大小和颜色。
<frame> HTML 5 中不支持。定义子窗口(框架)。
在 HTML 5 中不支持 <frame> 标签。
<frame> 标签定义框架集中的子窗口(框架)。
由于该标签对网页可用性的负面影响,在 HTML 5 中 <frame> 和 <frameset> 标签没有得到支持。
<frameset> HTML 5 中不支持。定义框架的集。
在 HTML 5 中不支持 <frameset> 标签。
<frameset> 标签定义框架集。它用于组织多个窗口(框架)。
由于该标签对网页可用性的负面影响,在 HTML 5 中 <frame> 和 <frameset> 标签没有得到支持。
<isindex> HTML 5 中不支持。定义单行的输入域。
在 HTML 5 中不支持 <noframes> 标签。
<noframes> 标签向浏览器显示无法处理框架的提示文本。
<s> HTML 5 中不支持。定义加删除线的文本。
<s> 标签定义加删除线的文本。HTML 5 中不再支持这个标签。请使用 CSS 代替。
<strike> HTML 5 中不支持。定义加删除线的文本。
在 HTML 5 中不支持 <strike> 标签。请使用 CSS 代替。
<strike> 标签定义加删除线的文本。请使用 <del> 标签代替。
<tt> HTML 5 中不支持。定义打字机文本。
在 HTML 5 中不支持 <tt> 标签。
<tt> 标签定义打字机文本。
<u> HTML 5 中不支持。定义下划线文本。
定义和用法
<u> 标签定义下划线文本。HTML 5 中不再支持该标签。
<xmp> HTML 5 中不支持。定义预格式文本。
2.新增特性:
<article> 定义 article。
<article> 标签定义独立的内容。
可能的 article 实例
•论坛帖子
•报纸文章
•博客条目
•用户评论
<article>
<a href="http://www.apple.com">Safari 5 released</a><br />
7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC,
Apple announced the release of Safari 5 for Windows and Mac......
</article>
<aside> 定义页面内容之外的内容。
<!DOCTYPE HTML>
<html>
<body>
<p>Me and my family visited The Epcot center this summer.</p>
<aside>
<h4>Epcot Center</h4>
The Epcot Center is a theme park in Disney World, Florida.
</aside>
</body>
</html>
<audio> 定义声音内容。
<audio> 标签定义声音,比如音乐或其他音频流。
<audio src="someaudio.wav">
您的浏览器不支持 audio 标签。
</audio>
<bdi> 定义文本的文本方向,使其脱离其周围文本的方向设置。
bdi 指的是 bidi 隔离。
<bdi> 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。
在发布用户评论或其他您无法完全控制的内容时,该标签很有用。
<ul>
<li>Username <bdi>Bill<bdi>:80 points</li>
<li>Username <bdi>Steve</bdi>: 78 points</li>
</ul>
<canvas> 标签定义图形,比如图表和其他图像。
如何通过 canvas 元素来显示一个红色的矩形:
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
height pixels 设置 canvas 的高度。
width pixels 设置 canvas 的宽度。
command 元素表示用户能够调用的命令。
<command> 标签可以定义命令按钮,比如单选按钮、复选框或按钮。
只有当 command 元素位于 menu 元素内时,该元素才是可见的。否则不会显示这个元素,但是可以用它规定键盘快捷键。
<menu>
<command onclick="alert('Hello World')">
Click Me!</command>
</menu>
<datalist> 定义下拉列表。
<datalist> 标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。
请使用 input 元素的 list 属性来绑定 datalist。
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
<details> 标签用于描述文档或文档某个部分的细节。
<details>
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this web site are the property of W3School.</p>
</details>
<embed> 定义外部交互内容或插件。
<!DOCTYPE HTML>
<html>
<body>
<embed src="/i/helloworld.swf" />
</body>
</html>
<figcaption> 标签定义 figure 元素的标题(caption)。
"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
<figure>
<figcaption>黄浦江上的的卢浦大桥</figcaption>
<img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>
<footer> 标签定义 section 或 document 的页脚。
在典型情况下,该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。
<header> 定义 section 或 page 的页眉。
<header> 标签定义文档的页眉(介绍信息)。
<header>
<h1>Welcome to my homepage</h1>
<p>My name is Donald Duck</p>
</header>
<p>The rest of my home page...</p>
<hgroup> 标签用于对网页或区段(section)的标题进行组合。
使用 <hgroup> 标签对网页或区段(section)的标题进行组合:
<hgroup>
<h1>Welcome to my WWF</h1>
<h2>For a living planet</h2>
</hgroup>
<p>The rest of the content...</p>
<keygen> 定义生成密钥。
<keygen> 标签规定用于表单的密钥对生成器字段。
当提交表单时,私钥存储在本地,公钥发送到服务器。
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name" />
Encryption: <keygen name="security" />
<input type="submit" />
</form>
<mark> 标签定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。
<p>Do not forget to buy <mark>milk</mark> today.</p>
<meter> 定义预定义范围内的度量。
<meter> 标签定义度量衡。仅用于已知最大和最小值的度量。
<meter min="0" max="20">5</meter>
<meter>2 out of 10</meter>
<meter>30%</meter>
<nav> 定义导航链接。
<nav> 标签定义导航链接的部分。
<nav>
<a href="index.asp">Home</a>
<a href="html5_meter.asp">Previous</a>
<a href="html5_noscript.asp">Next</a>
</nav>
<output> 定义输出的一些类型。
<output> 标签定义不同类型的输出,比如脚本的输出。
<form action="form_action.asp" method="get" name="sumform">
<output name="sum"></output>
</form>
<progress> 定义任何类型的任务的进度。
<progress> 标签定义运行中的进度(进程)。
可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进度。
对象的下载进度:
<progress>
<span id="objprogress">85</span>%
</progress>
<rp> 定义若浏览器不支持 ruby 元素显示的内容。
<rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
ruby 注释是中文注音或字符。
在东亚使用,显示的是东亚字符的发音。
与 <ruby> 以及 <rt> 标签一同使用:
ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。
<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>
<rt> 标签定义字符(中文注音或字符)的解释或发音。
ruby 注释是中文注音或字符。
在东亚使用,显示的是东亚字符的发音。
与 <ruby> 以及 <rt> 标签一同使用:
ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。
<ruby>
漢 <rt> ㄏㄢˋ </rt>
</ruby>
<ruby> 标签定义 ruby 注释(中文注音或字符)。
在东亚使用,显示的是东亚字符的发音。
与 <ruby> 以及 <rt> 标签一同使用:
ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。
<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>
<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<section>
<h1>PRC</h1>
<p>The People's Republic of China was born in 1949...</p>
</section>
<source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。
<summary> 标签包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息。
<details>
<summary>HTML 5</summary>
This document teaches you everything you have to learn about HTML 5.
</details>
<time> 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。
该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。
<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
<p>我在 <time datetime="2008-02-14">情人节</time> 有个约会。</p>
<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。
用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件是可见的。
<video width="320" height="240" controls="controls">
<source src="forrest_gump.mp4" type="video/mp4" />
<source src="forrest_gump.ogg" type="video/ogg" />
<track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese">
<track kind="subtitles" src="subs_eng.srt" srclang="en" label="English">
</video>
<video> 标签定义视频,比如电影片段或其他视频流。
<video src="movie.ogg" controls="controls">
您的浏览器不支持 video 标签。
</video>
注释,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
列表如下:
1.不支持的旧属性:
<acronym> HTML 5 中不支持。定义首字母缩写。
HTML 5 不支持 <acronym> 标签。请使用 <abbr> 标签代替它。
在 HTML 4.01 中,<acronym> 标签定义首字母缩略词。
如果首字母缩略词是一个单词,则可以被读出来,例如 NATO、NASA、ASAP、GUI。
<applet> HTML 5 中不支持。定义 applet。
HTML 5 中不支持 applet 元素。请使用 <object> 标签代替它。
<applet> 定义嵌入的 applet。
<basefont> HTML 5 中不支持。请使用 CSS 代替。
HTML5 中不支持 <basefont> 标签。请用 CSS 代替
<basefont> 标签定义文档中所有文本的默认颜色、大小和字体。
<big> HTML 5 中不支持。定义大号文本。
HTML5 中不支持 <big> 标签。请用 CSS 代替。
<big> 标签制作更大的文本。
HTML 5 中不支持。定义居中的文本。
HTML5 中不支持该 <center> 标签。请使用 CSS 代替。
<center> 标签对其包围的文本和内容进行水平居中处理。
<dir> HTML 5 中不支持。定义目录列表。
HTML5 中不支持 <dir> 标签。请用 CSS 代替。
<dir> 标签定义目录列表。
在 HTML 5 中,不支持 <font> 标签。请用 CSS 代替它
<font> 标签规定文本的字体、大小和颜色。
<frame> HTML 5 中不支持。定义子窗口(框架)。
在 HTML 5 中不支持 <frame> 标签。
<frame> 标签定义框架集中的子窗口(框架)。
由于该标签对网页可用性的负面影响,在 HTML 5 中 <frame> 和 <frameset> 标签没有得到支持。
<frameset> HTML 5 中不支持。定义框架的集。
在 HTML 5 中不支持 <frameset> 标签。
<frameset> 标签定义框架集。它用于组织多个窗口(框架)。
由于该标签对网页可用性的负面影响,在 HTML 5 中 <frame> 和 <frameset> 标签没有得到支持。
<isindex> HTML 5 中不支持。定义单行的输入域。
在 HTML 5 中不支持 <noframes> 标签。
<noframes> 标签向浏览器显示无法处理框架的提示文本。
<s> HTML 5 中不支持。定义加删除线的文本。
<s> 标签定义加删除线的文本。HTML 5 中不再支持这个标签。请使用 CSS 代替。
<strike> HTML 5 中不支持。定义加删除线的文本。
在 HTML 5 中不支持 <strike> 标签。请使用 CSS 代替。
<strike> 标签定义加删除线的文本。请使用 <del> 标签代替。
<tt> HTML 5 中不支持。定义打字机文本。
在 HTML 5 中不支持 <tt> 标签。
<tt> 标签定义打字机文本。
<u> HTML 5 中不支持。定义下划线文本。
定义和用法
<u> 标签定义下划线文本。HTML 5 中不再支持该标签。
<xmp> HTML 5 中不支持。定义预格式文本。
2.新增特性:
<article> 定义 article。
<article> 标签定义独立的内容。
可能的 article 实例
•论坛帖子
•报纸文章
•博客条目
•用户评论
<article>
<a href="http://www.apple.com">Safari 5 released</a><br />
7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC,
Apple announced the release of Safari 5 for Windows and Mac......
</article>
<aside> 定义页面内容之外的内容。
<!DOCTYPE HTML>
<html>
<body>
<p>Me and my family visited The Epcot center this summer.</p>
<aside>
<h4>Epcot Center</h4>
The Epcot Center is a theme park in Disney World, Florida.
</aside>
</body>
</html>
<audio> 定义声音内容。
<audio> 标签定义声音,比如音乐或其他音频流。
<audio src="someaudio.wav">
您的浏览器不支持 audio 标签。
</audio>
<bdi> 定义文本的文本方向,使其脱离其周围文本的方向设置。
bdi 指的是 bidi 隔离。
<bdi> 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。
在发布用户评论或其他您无法完全控制的内容时,该标签很有用。
<ul>
<li>Username <bdi>Bill<bdi>:80 points</li>
<li>Username <bdi>Steve</bdi>: 78 points</li>
</ul>
<canvas> 标签定义图形,比如图表和其他图像。
如何通过 canvas 元素来显示一个红色的矩形:
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
height pixels 设置 canvas 的高度。
width pixels 设置 canvas 的宽度。
command 元素表示用户能够调用的命令。
<command> 标签可以定义命令按钮,比如单选按钮、复选框或按钮。
只有当 command 元素位于 menu 元素内时,该元素才是可见的。否则不会显示这个元素,但是可以用它规定键盘快捷键。
<menu>
<command onclick="alert('Hello World')">
Click Me!</command>
</menu>
<datalist> 定义下拉列表。
<datalist> 标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。
请使用 input 元素的 list 属性来绑定 datalist。
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
<details> 标签用于描述文档或文档某个部分的细节。
<details>
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this web site are the property of W3School.</p>
</details>
<embed> 定义外部交互内容或插件。
<!DOCTYPE HTML>
<html>
<body>
<embed src="/i/helloworld.swf" />
</body>
</html>
<figcaption> 标签定义 figure 元素的标题(caption)。
"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
<figure>
<figcaption>黄浦江上的的卢浦大桥</figcaption>
<img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>
<footer> 标签定义 section 或 document 的页脚。
在典型情况下,该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。
<header> 定义 section 或 page 的页眉。
<header> 标签定义文档的页眉(介绍信息)。
<header>
<h1>Welcome to my homepage</h1>
<p>My name is Donald Duck</p>
</header>
<p>The rest of my home page...</p>
<hgroup> 标签用于对网页或区段(section)的标题进行组合。
使用 <hgroup> 标签对网页或区段(section)的标题进行组合:
<hgroup>
<h1>Welcome to my WWF</h1>
<h2>For a living planet</h2>
</hgroup>
<p>The rest of the content...</p>
<keygen> 定义生成密钥。
<keygen> 标签规定用于表单的密钥对生成器字段。
当提交表单时,私钥存储在本地,公钥发送到服务器。
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name" />
Encryption: <keygen name="security" />
<input type="submit" />
</form>
<mark> 标签定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。
<p>Do not forget to buy <mark>milk</mark> today.</p>
<meter> 定义预定义范围内的度量。
<meter> 标签定义度量衡。仅用于已知最大和最小值的度量。
<meter min="0" max="20">5</meter>
<meter>2 out of 10</meter>
<meter>30%</meter>
<nav> 定义导航链接。
<nav> 标签定义导航链接的部分。
<nav>
<a href="index.asp">Home</a>
<a href="html5_meter.asp">Previous</a>
<a href="html5_noscript.asp">Next</a>
</nav>
<output> 定义输出的一些类型。
<output> 标签定义不同类型的输出,比如脚本的输出。
<form action="form_action.asp" method="get" name="sumform">
<output name="sum"></output>
</form>
<progress> 定义任何类型的任务的进度。
<progress> 标签定义运行中的进度(进程)。
可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进度。
对象的下载进度:
<progress>
<span id="objprogress">85</span>%
</progress>
<rp> 定义若浏览器不支持 ruby 元素显示的内容。
<rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
ruby 注释是中文注音或字符。
在东亚使用,显示的是东亚字符的发音。
与 <ruby> 以及 <rt> 标签一同使用:
ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。
<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>
<rt> 标签定义字符(中文注音或字符)的解释或发音。
ruby 注释是中文注音或字符。
在东亚使用,显示的是东亚字符的发音。
与 <ruby> 以及 <rt> 标签一同使用:
ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。
<ruby>
漢 <rt> ㄏㄢˋ </rt>
</ruby>
<ruby> 标签定义 ruby 注释(中文注音或字符)。
在东亚使用,显示的是东亚字符的发音。
与 <ruby> 以及 <rt> 标签一同使用:
ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。
<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>
<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<section>
<h1>PRC</h1>
<p>The People's Republic of China was born in 1949...</p>
</section>
<source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。
<summary> 标签包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息。
<details>
<summary>HTML 5</summary>
This document teaches you everything you have to learn about HTML 5.
</details>
<time> 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。
该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。
<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
<p>我在 <time datetime="2008-02-14">情人节</time> 有个约会。</p>
<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。
用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件是可见的。
<video width="320" height="240" controls="controls">
<source src="forrest_gump.mp4" type="video/mp4" />
<source src="forrest_gump.ogg" type="video/ogg" />
<track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese">
<track kind="subtitles" src="subs_eng.srt" srclang="en" label="English">
</video>
<video> 标签定义视频,比如电影片段或其他视频流。
<video src="movie.ogg" controls="controls">
您的浏览器不支持 video 标签。
</video>
注释,html5新增特性目前大部分主流浏览器都不支持。用时要慎重!!!
相关推荐
HTML5作为最新的超文本标记语言标准,相较于上一版本HTML4,带来了许多新特性,其中包括新增的表单元素和属性。这些新增元素和属性的引入,极大地扩展了网页的功能,增强了用户交互体验,同时也简化了开发者的工作...
HTML5shiv是一个JavaScript库,专为了解决早期版本的Internet Explorer(尤其是IE8及更低...不过需要注意的是,HTML5shiv并不支持所有HTML5的新特性,例如表单元素、拖放功能、离线存储等,这些仍需依赖其他解决方案。
标题“IE6支持HTML5”意味着我们关注的主题是关于如何在过时的Internet Explorer 6浏览器上实现对HTML5新特性的支持。HTML5是现代网页开发的标准,它引入了许多增强功能,包括更好的多媒体处理、离线存储、图形绘制...
标题中的“ie8兼容html5 css3圆角阴影渐变placeholder等属性”指的是在IE8浏览器上实现HTML5和CSS3的一些新特性,包括圆角、阴影、渐变以及placeholder属性的支持。这些特性在现代浏览器中是标准支持的,但在较旧的...
HTML5是下一代网页标准,它引入了许多新的特性和改进,为开发者提供了更强大的工具和更丰富的用户体验。然而,由于历史原因,Internet Explorer(IE)浏览器,尤其是早期版本,对HTML5的支持并不完全,这给使用IE...
但需要注意的是,虽然HTML5 Shiv解决了新元素的识别问题,但它并不能让旧版IE支持所有HTML5的新功能,比如离线存储、拖放功能、媒体元素等。对于这些特性,可能还需要依赖其他JavaScript库或polyfill来实现。 总之...
HTML5是Web开发的标准之一,它引入了许多新的特性和改进,包括增强的事件处理和标签属性。事件属性在HTML5中扮演着重要角色,因为它们允许开发者通过JavaScript响应用户交互和页面状态变化,从而实现更丰富的用户...
在互联网技术日新月异的今天,HTML5引入了许多新的特性,其中之一便是`placeholder`属性。这个属性在现代浏览器中广泛被使用,为输入框提供了提示文本,但在早期版本的Internet Explorer (IE)中并不支持。`...
总的来说,HTML5和ECMAScript 5的这些新特性提升了Web开发的效率和用户体验,同时浏览器厂商也逐步跟进了对这些标准的支持。开发者在编写代码时应考虑这些新功能,并通过条件检测或库来确保跨浏览器兼容性。
标题中的“IE支持CSS3 HTML5插件”指的是在Internet Explorer(简称IE)浏览器中,由于其自身对CSS3和HTML5新特性的支持不足,需要借助特定的插件来实现对这些现代Web标准的兼容。这两项技术,CSS3和HTML5,是Web...
HTML5.js是一个专门为老旧的IE浏览器提供...是为了解决旧版IE浏览器与HTML5新特性的兼容问题而存在的。在实际项目中,合理运用此类工具可以提升网站的跨浏览器兼容性,但也需要注意性能优化和逐步淘汰老技术的策略。
综上所述,HTML5不仅仅是一个简单的标记语言更新,它代表了一种全新的网络应用开发方式,使得开发者能够构建更加丰富、交互性强且具有高度兼容性的Web应用。随着标准的不断完善和技术的进步,HTML5将继续推动Web开发...
HTML5是Web开发领域的一次重大革新,它在HTML4的基础上引入了大量新特性,提升了网页的交互性和表现力。本教程将详细讲解HTML5中的元素、属性和格式化规则,帮助你构建更加先进、高效的Web应用。 首先,HTML5的...
总之,JavaScript版的`placeholder`解决方案是为了解决老旧浏览器不支持HTML5 `placeholder`属性的问题。通过编写少量的JavaScript代码,我们可以让所有用户都能享受到一致的Web界面交互,无论他们使用的是什么...
虽然 Chrome 和 Opera 浏览器已经支持这一特性,但其他浏览器如 Firefox、IE(特别是较旧版本)和 Safari 在某些时候可能不支持。因此,在实际应用中,应当使用条件判断或者库如 jQuery 来确保跨浏览器的兼容性。...
与以往的HTML和XHTML相比,HTML5不仅继承了它们的基本语法和特点,同时又引入了许多新的特性和改进。下面详细介绍HTML5包含的知识点: 1. HTML5标准 HTML5被设计为一个新的Web标准,它不仅仅是一个简单的HTML标签的...
对于不支持新特性的旧浏览器,可以提供备选方案,如jQuery的插件,以保证兼容性。 在这个项目中,可能的步骤包括: 1. 使用Modernizr检测浏览器对Flexbox或Grid的支持。 2. 如果支持,直接使用相应的布局方法创建...
HTML5不仅仅是对HTML4.01的简单升级,它包含了更多新特性、标签、API和语义化元素,旨在提升网页的交互性和表现力。HTML5 ≈ 标签 + CSS3 + JavaScript + API,这使得开发者能够更轻松地创建出富媒体、响应式和交互...
Safari、Chrome、Firefox和Opera等较新版本的浏览器对HTML5特性有良好的支持。然而,早期版本的Internet Explorer(尤其是IE9以下)对HTML5的支持较为有限。为了解决这个问题,开发者通常会使用如html5shiv这样的库...