列举HTML 5常见元素?,HTML5新元素
超文本标记语言(HTML)的发展在1999年的HTML 4中停止了。万维网联盟(W3C)已经将注意力转向HTML
的底层语法从标准通用标记语言(SGML)更改为可扩展标记语言(XML)、可缩放矢量图形(SVG)、XForms和MathML。
这些全新的标记语言。制造商专注于浏览器功能，如标签和丰富的网站摘要(RSS)阅读器。Web设计人员开始学习使用异步。
Xml (Ajax)，通过现有框架下的层叠样式表(CSS)和JavaScript
语言来构建自己的应用程序。但是在接下来的八年里，HTML本身没有任何变化。
最近，它又复活了。三大浏览器制造商——苹果、Opera和Mozilla
基金会——建立网络超文本应用技术工作
小组(WhatWG)开发传统HTML的新版本。最近W3C也注意到了这些活动，开始了自己的新一代HTML。
项目，双方的许多成员都是一样的。这两个项目最终可能会合并。尽管许多细节仍在争论中，但下一版本HTML的大致轮廓已经清晰。
自1999年以来，Web开发人员一直在期待HTML的新版本(通常称为HTML
5，也叫Web应用1.0)，现在终于发布了。它维护HTML。
原始特性：没有名称空间或模式。元素不一定要结束。浏览器可以容忍错误。p还是p，表还是表。
如果一个Web开发者被冻结在1999年，现在解冻，他会遇到一些新的令人困惑的元素。是的，他熟悉的元素(比如div)依然保留；然而，HTML现在也包含了新的元素，如节、页眉、页脚和导航。Em，code，strong依然存在，但是增加了米，时间，m。Img和embed仍然可用，但也添加了视频和音频。但是，如果他仔细观察，会发现这些要素其实没有什么区别。这些元素中有许多可能是开发人员在1999年所需要的，但却没有得到。通过与他已经掌握的元素进行简单类比，这些新元素就很容易理解了。实际上，与Ajax或CSS相比，它们非常容易掌握。
最后，当他打开一个300MHz的笔记本(运行Windows 98，也在1999年被冻结)时，他可能会对网景4和
Windows Internet Explorer 5
中显示的新页面的效果令人惊讶。当然，这些旧浏览器不识别新元素，会完全忽略它们，但页面仍会显示，内容仍会完整。
这
这不是虚构的故事。HTML 5的设计原则是可以在不支持它的浏览器中平滑降级。原因很简单：我们都是这样的。
原始人。浏览器现在有了标签页，CSS和XmlHttpRequest，但是他们的HTML显示引擎还停留在1999年。
年的水平。除了用户数量大大增加之外，Web实际上并没有本质上的进步。5 HTML考虑到了这一点。目前是网络。
对开发者的一些实际好处。随着浏览器的缓慢升级，页面访客会逐渐享受到这些好处。让我们来看看HTML 5提供了什么。
结构
由于缺乏结构，即使是格式良好的HTML页面也很难处理。只有分析题目的层次，才能看出各个部分是如何划分的。侧边栏、页脚、页眉、导航栏、主要内容区域和文章都由通用的div元素表示。HTML添加了一些新元素来标识这些常见的结构：
Section:这可以是书中的一章或一节，在HTML 4中它实际上可以是任何有自己标题的东西。
页眉：页面上显示的页眉；不同于头部元件
页脚：页脚；您可以在电子邮件中显示签名。
导航：一组到其他页面的链接
文章：博客、杂志、文章汇编等中的文章。
让我们考虑一个典型的博客主页，顶部有一个标题，底部有一个页脚，几篇文章，一个导航区和一个侧边栏，如清单1所示。
清单1。典型的博客页面
超文本标记语言
头
标题mo kka MIT Schlag/标题
/头
身体
div id=page
div id=header
h1 a href= http://www。埃尔哈罗。com/blog mo kka MIT Schlag/a/h1
/div
div id=容器
div id=center
div id=post-1000572
h2 a href=
/博客/观鸟/2007/04/23/苏塞克斯郡的春天来来去去/
苏塞克斯郡的春天来了又去/a /h2
差异
昨天我加入了布鲁克林鸟类俱乐部
一年一度的新泽西西部之旅，特别是高度紧张的
腐殖质，一个相对较新发现的热点。它
我们到达时，是一个美好的冬日早晨
上午7:30在工地，进展到春天左右
上午10:00,10:15到达初夏100元/人
/div
/div
div id=post-1000571
h2 a href=
/博客/观鸟/2007/04/23/但是这算不算你的人生清单
但这算不算你的人生清单？/a /h2
差异
看来你现在可以走了
href= http://www。连线。com/科学/发现/新闻/
2007/04/网上观鸟/临时
还没能测试出来(20个用户
限制显然)但这确实很酷。
就我个人而言，我无法想象它会取代
哪怕是很小一点点。
另一方面，我一直觉得
很遗憾遇到了不再能够
拿稳望远镜或者去公园。我可以
想象一下他们可能会对此感兴趣。在
之后，至少有一个老鸟在电视上干了一年
他再也不能经常外出了。这当然
最重要的是100元/人
/div
/div
/div
差异
差异
a href=/blog/page/2/ laquo .以前的条目/a
/div
分区/分区
/div
/div
div id=右
ul id=侧栏
李h2信息/h2
保险商实验所
阿利href=/blog/comment-policy/评论政策/a/李
阿利href=/blog/Todo-List/ Todo List/a/Li
/ul /li
李氘档案/h2
保险商实验所
李，2007年四月
李，2007年3月
李，2007年2月
李，2007年一月
/ul
/李
/ul
/div
div id=页脚
p版权所有2007年埃利奥特拉斯蒂哈罗德/p
/div
/div
/body
/html即使有正确的缩进，这些嵌套的差异仍然让人觉得非常混乱。在HTML 5中，可以将这些元素替换为语义性的元素，见清单2。
清单2.用HTML 5编写的典型博客页面
超文本标记语言
头
标题mo kka MIT Schlag/标题
/头
身体
页眉
h1 a href= http://www。埃尔哈罗。com/blog mo kka MIT Schlag/a/h1
/页眉
部分
文章
h2 a href=
/博客/观鸟/2007/04/23/苏塞克斯郡的春天来来去去/
苏塞克斯郡的春天来了又去/a /h2
昨天我加入了布鲁克林鸟类俱乐部
一年一度的新泽西西部之旅，特别是高度紧张的
腐殖质，一个相对较新发现的热点。它
一开始是一个美好的冬日早晨，当我们到达
上午7:30的网站，进展到春天10:00左右
上午10点，10点15分到达初夏100元/人
/文章
文章
h2 a href=
/博客/观鸟/2007/04/23/但是这算不算你的人生清单
但这算不算你的人生清单？/a /h2
看来你现在可以走了
href= http://www。连线。com/科学/发现/新闻/
2007/04/网上观鸟/临时
还没能测试出来(20个用户
限制显然)但这确实很酷。
就我个人而言，我无法想象它会取代
哪怕是很小一点点。
另一方面，我一直觉得
很遗憾遇到了不再能够
拿稳望远镜或者去公园。我可以
想象一下他们可能会对此感兴趣。在
之后，至少有一个老鸟在电视上干了一年
他再也不能经常外出了。这当然
最重要的是100元/人
/文章
航行
a href=/blog/page/2/ laquo .以前的条目/a
/导航
/部分
航行
保险商实验所
李h2信息/h2
保险商实验所
阿利href=/blog/comment-policy/评论政策/a/李
阿利href=/blog/Todo-List/ Todo List/a/Li
/ul /li
李氘档案/h2
保险商实验所
李，2007年四月
李，2007年3月
李，2007年2月
李，2007年一月
/ul
/李
/ul
/导航
页脚
p版权所有2007年埃利奥特拉斯蒂哈罗德/p
/页脚
/body
/html
现在不再需要差异了。不再需要自己设置班级属性，从标准的元素名就可以推断出各个部分的意义。这对于音频浏览器、手机浏览器和其他非标准浏览器尤其重要。
回页首语义性的块元素
除了结构性元素之外，HTML 5还增加了一些纯语义性的块级元素：
在旁边
数字
对话
我在文章和书中一直使用前两个元素。第三个元素我不经常用，它主要用于书面文本。
在旁边
在旁边元素代表说明、提示、边栏、引用、附加注释等，也就是叙述主线之外的内容。例如，在中文网站文章中，常常会看到用表格形式编写的边栏，见清单3。
清单3.用HTML 4编写的中文网站边栏
表格align= right border= 0 单元格边距= 0 单元格间距= 0 宽度= 40%
tbody tr td width=10
img alt= src=//www .IBM。 height= 1 width= 10 /TD
任务描述
表格边框=1 单元格填充=5 单元格间距=0 宽度=100%
tbody tr td bgcolor=#eeeeee
p a name=xf-value spanxf-价值/跨度/应付
p
代码类型="内联"。这里使用的xf-值/代码选择器对输入进行样式化
字段值，而不是其标签。这其实是不一致的
使用当前的CSS3草案。该示例确实应该使用
代码类型=inline :值/代码伪类改为这样：
/p
表格边框=0 单元格填充=0 单元格间距=0 宽度=100%
t车身tr td
pre input:value { 20em；}
#ccnumber:value { 18em }
#zip:value { 12em }
#state:value { 3em } /pre
/td /tr /tbody /table br
p
然而，火狐还不支持这种语法。
/p
/td /tr /table
在HTML 5中，可以按照更有意义的方式编写这个边栏，见清单4。
清单4.用HTML 5编写的中文网站边栏
在旁边
h3 .白兰地规格值/h3
p
代码类型="内联"。这里使用的xf-值/代码选择器对输入进行样式化
字段值，而不是其标签。这其实是不一致的
使用当前的CSS3草案。该示例确实应该使用
代码类型=inline :值/代码伪类改为这样：
/p
pre input:value { 20em；}
#ccnumber:value { 18em }
#zip:value { 12em }
#state:value { 3em } /pre
p
然而，火狐还不支持这种语法。
/p
/抛开
浏览器可以决定把这个边栏放在哪里（可能需要用一点儿半铸钢钢性铸铁(铸造半钢)代码)。
数字
数字元素代表一个块级图像，还可以包含说明。例如，在许多中文网站文章中，可以看到清单5这样的标记；其结果见图1。
清单5.用HTML 4编写的中文网站图
图2。安装Mozilla XForms对话框/b /a br /
img alt=网站正在请求安装以下项目的权限：
Mozilla XForms 0.7未签名
src=安装对话框。jpg border= 0 height= 317 hspace= 5 vspace= 5 width= 331 /
br /
图1.安装Mozilla XForms对话框
在HTML 5中，可以按照更有语义性的方式编写这个图，见清单6。
清单6.用HTML 5编写的中文网站图
图id=图2
图例图2。安装Mozilla XForms对话框/图例
img alt=网站正在请求安装以下项目的权限：
Mozilla XForms 0.7未签名
src=安装对话框。jpg border= 0 height= 317 hspace= 5 vspace= 5 width= 331 /
/图
最重要的是，浏览器（尤其是屏幕阅读器)可以明确地将图和说明联系在一起。
数字元素不只可以显示图片。还可以使用它给音频、视频、iframe、对象和把…嵌入元素加说明。
对话
dialog元素表示几个人之间的对话。HTML 5 dt元素可以表示说话人，HTML 5 dd元素可以表示语音内容。因此，对话可以在旧浏览器中以合理的方式显示。该列表显示了伽利略的“关于两个主要世界体系的对话”中的一段著名对话。
清单7。用HTML 5写的伽利略对话
对话
dt Simplicius /dt
dd根据直线AF，
而不是根据曲线，这样已经被排除
为了这种用途。/dd
dt Sagredo /dt
dd但是我不应该拿走任何一个，
看到直线AF斜着走。我应该
画一条垂直于CD的线，因为在我看来
是最矮的，也是唯一的
无限数量的更长和不平等的
从A点到对面的每一个点
线路CD。/dd
dt Salviati /dt
你的选择和你的理由
在我看来这是最棒的。所以现在我们有了
第一维由直线确定；
第二个(即宽度)由另一条直线，和
不仅是直的，而且是直角
确定长度。这样我们就定义了这两者
表面的尺寸；即长度和宽度。/p
但是假设你必须确定一个高度——为了
举例来说，这个平台从人行道往下有多高
在那下面。从平台的任何一点看，我们
可以画无限的直线，曲线或直线，和所有的
不同的长度，延伸到路面的无限点
下面，你会使用哪一行呢？/p
/dd
/对话框
关于这个元素的确切语法仍然存在争议。有些人希望在dialog元素中嵌入非对话文本(比如脚本中的舞台描述)，有些人则不喜欢扩展dt和dd元素的功能。虽然对于具体的语法还有争议，但是大多数人都认为用这样一种语义的方式来表达对话是一件好事。
回到顶级语义内联元素
4 HTML使用五种不同的内联元素来表示略有不同的计算机代码：var、code、kbd、tt和samp。但不能表示时间、数字等基本数值。HTML提供了几个新的内联元素来满足非技术作者的需求。
m
m元素表示文本被“标记”，但不必强调。你可以把它看作是书中的重点章节。谷歌的缓存页面就是一个典型的用例。如果链接到缓存副本，搜索词会被标记。例如，如果您搜索“Egret”，那么缓存的Google页面可能如下所示：
大白鹭/米(也称为
美洲白鹭(m Egret /m)是一种大型白色涉水鸟，遍布全球。
大白鹭用缓慢的翅膀拍击飞行。这
大白鹭的学名是i Casmerodius
阿不思/我。
这种元素的名称仍有争议。在规范发布之前，可能会从M改为mark。
时间
time元素表示一个时间值，例如美国东部时间2007年4月23日下午5:35。例如：
我在写这个例子
时间4月23日下午5点35分/时间。
/p
时间元素可以帮助浏览器和其他程序识别HTML页面中的时间。它不要求对元素内容应用任何特定的格式。但是，每个时间元素都应该有一个datetime属性，该属性包含更适合机器识别的时间值，例如：
我在写这个例子
时间datetime= 2007-04-23t 17:35:00-05:00 4月23日下午5:35/time。
/p
适合机器阅读的时间值可能对搜索引擎、日历程序等有帮助。
米
meter元素表示指定范围内的数值。例如，它可以用来表示工资、投票给勒庞的法国选民的百分比或考试分数。在这里，我用meter来标注《软件开发2007》中一位Google程序员提供的数据：
硅谷的入门级程序员
预计每年的起价约为90，000美元/米。
/p
meter元素帮助浏览器和其他客户端识别HTML页面的数量。它不要求对元素内容应用任何特定的格式。但是，每个仪表元素最多可以有6个属性，以更适合机器识别的形式表示该数字：
价值
部
低的
高的
最大
最适宜的
这些属性都应该包含一个十进制数。例如，期末考试分数可以这样写：
你的分数是
米值=88.7 最小值=0 最大值=100 最小值=65 最大值=96 最佳值= 100 B/米。
/p这个
意思是这个学生的分数是88.7分，满分是100分。可能的最低分是0，但实际最低分是65。可能的最高分是100，但实际的最高分是
96。代理可以在工具提示中用某种数字控件或附加数据来显示这些信息，但最常见的情况可能是像其他内联元素一样对其应用样式。
进步
progress元素表示正在进行的过程的状态，就像图形用户界面(GUI)应用程序中的进度条一样。例如，它可用于指示文件已下载的百分比或播放电影时的当前位置。以下进度控件指示下载已完成33%:
p已下载：
进度值=1534602 最大值= 4603807 33%/进度
/p
value属性指示操作的当前状态。max属性表示操作的总量。该元素指示要下载的总数据是4，603，807字节，并且已经下载了1，534，602字节。
忽略max属性，可以显示无限进度。
在操作过程中，进度条应该使用JavaScript语言动态更新。在静态情况下，这个元素是没有意义的。
回到嵌入在报头中的媒体
看
Frequency在网络上被广泛使用，但是它的格式几乎是专有的。用YouTube Flash，微软用Windows。
媒体，苹果用的是QuickTime。用于在一个浏览器中嵌入这些内容的标记在另一个浏览器中无效。因此，WhatWG
建议引入新的视频元素来嵌入任何视频格式。例如，您可以用以下代码嵌入我的QuickTime电影“展望公园中的黑脸田鸡”:
视频= 3358 www.cafeaulait.org/birds/sora.mov/right
选择哪种格式和解码器作为首选，目前还存在争议。强烈建议或要求使用Ogg Theora。您也可以选择支持专有格式，如QuickTime和
MPEG-4和其他受专利限制的格式。实际使用的格式大概是市场决定的，就像GIF、JPEG、PNG格式(这些格式被市场竞争淹没了
BMP、X-Bitmap、JPEG 2000等竞争对手已经成为img元素的首选格式)。
还建议引入音频元素。例如，您可以使用以下代码将背景音乐添加到网页中：
音频src=spacemusic.mp3
autoplay= autoplay loop= 20000 /
autoplay属性指示浏览器在加载页面后立即开始播放页面，而不等待用户的明确请求。音频循环播放20000次，然后停止(或者当用户关闭窗口或转到另一页时停止)。当然，浏览器可以(也应该)允许用户关闭嵌入的媒体，而不应该只做页面作者要求的事情。
浏览器必须支持WAV格式，也可以支持MP3等其他格式。
因为旧的浏览器不支持这些元素，而且它们对盲人和聋人用户没有意义，所以音频和视频元素可以包含附加的标签来描述音频和视频的内容。这对搜索引擎也是有帮助的。理想情况下，这些标签是音频和视频内容的全文版本。例如，清单8显示了约翰肯尼迪的就职演说。
清单8。用HTML 5写的约翰肯尼迪的就职演说
audio src= kennedyinugaraladdrees . MP3
p
副总统约翰逊，议长先生，首席大法官先生，
艾森豪威尔总统，尼克松副总统，杜鲁门总统，
尊敬的神职人员，同胞们：
/p
p
我们今天庆祝的不是党的胜利，而是
自由——象征着结束，也象征着开始——
象征着更新和改变。因为我以前发过誓
你和全能的上帝对我们的祖先发过同样庄严的誓言
将近一个世纪又四分之三年前开的处方。
/p
p
现在的世界已经大不相同了。因为人总有一死
手中的权力，以消除一切形式的人类贫困和所有
人类生活的形式。然而同样的革命信仰
我们的祖先为之战斗的战争在全球仍有争议-
认为人的权利不是来自于
慷慨的国家，但来自上帝之手。
/p
p
.
/p
/音频
回页首交互
HTML 5也被称为网络应用1.0 .为了实现这个目标，增加了几个为网页面提供交互体验的新元素：
细节
数据网格
菜单
命令
这些元素都可以根据用户的操作和选择改变显示的内容，而不需要从服务器装载新页面。
细节
细节元素表示在默认情况下可能不显示的详细信息。可选的神话；传奇元素可以提供详细信息的摘要细节。元素的用途之一是提供脚注和尾注。例如：
克雷文氏小海鸭的喙薄约10%
比桑塔斯小海鸭的嘴还要大。
细节
传奇[西布利，2000]/传奇
大卫艾伦，西布利鸟类指南，
（纽约：强啼克利尔出版社，2000年)第一周七天页
/p
/详细信息
没有指定具体的显示方式。浏览器可以选用脚注、尾注和工具提示等方式。
每个细节元素可以有一个打开属性。如果设置了这个属性，那么详细信息在最初就显示出来。如果没有设置这个属性，那么会隐藏它们，直到用户要求显示它们。无论是哪种情况，用户都可以通过单击一个图标或其他控件来显示或隐藏详细信息。
数据网格
数据网格元素提供一个网格控件。可以用它显示树、列表和表格，用户和脚本可以更新这些界面元素。与之相反，传统的表格主要用来显示静态数据。
数据网格从它的内容（一个表格、选择或其他超文本标记语言元素)获得初始数据。例如，清单9 中的数据网格包含一张成绩表。在这个示例中，数据网格的数据来自一个表7 .更简单的一维数据网格可以从挑选元素获得数据。如果使用其他超文本标记语言元素，那么每个子元素成为网格中的一行。
清单9.成绩表数据网格
数据网格
桌子
tr td琼斯/td td艾利森/td td A- /td td B /td td A /td /tr
tr td史密斯/td约翰尼/TD TD A/TD C/TD TD A/TD/tr
tr td威利斯/td td悉尼/td td C- /td td D /td td F /td /tr
tr td威尔逊/td弗兰克/td td B- /td td B /td td A /td /tr
/表格
/数据网格
这个元素与常规表格的区别在于，用户可以选择行、列和单元格；把行、列和单元格折叠起来；编辑单元格；删除行、列和单元格；对网格排序；以及在客户机浏览
器中直接进行其他数据操作。可以用Java脚本语言代码监视更新文档对象模型(DOM)中增加了HTMLDataGridElement接口以支持这个元素（清单10)。
清单10.HTMLDataGridElement
接口html数据网格元素：html元素{
属性DataGridDataProvider数据；
只读属性DataGridSelection选择；
属性布尔倍数；
属性布尔被禁用；
void更新一切()；
void updateRowsChanged(在行规范行中，在无符号长整型计数中);
void updateRowsInserted(在行规范行中，在无符号长整型计数中);
void updateRowsRemoved(在行规范行中，在无符号长整型计数中);
void updateRowChanged(在行规范行);
void updateColumnChanged(在无符号长列中);
void updateCellChanged(在行规范行中，在无符号长整型列中);
};
还可以使用DOM 在网格中动态地装载数据。也就是说，datagrid 可以不包含那些提供初始数据的子元素。可以用一个DataGridDataProvider 对象设置它（清单11）。这样就可以从数据库、XmlHttpRequest 或者JavaScript 代码能够访问的任何资源装载数据。
清单11. DataGridDataProvider
interface DataGridDataProvider {
void initialize(in HTMLDataGridElement datagrid);
unsigned long getRowCount(in RowSpecification row);
unsigned long getChildAtPosition(in RowSpecification parentRow,
in unsigned long position);
unsigned long getColumnCount();
DOMString getCaptionText(in unsigned long column);
void getCaptionClasses(in unsigned long column, in DOMTokenList classes);
DOMString getRowImage(in RowSpecification row);
HTMLMenuElement getRowMenu(in RowSpecification row);
void getRowClasses(in RowSpecification row, in DOMTokenList classes);
DOMString getCellData(in RowSpecification row, in unsigned long column);
void getCellClasses(in RowSpecification row, in unsigned long column,
in DOMTokenList classes);
void toggleColumnSortState(in unsigned long column);
void setCellCheckedState(in RowSpecification row, in unsigned long column,
in long state);
void cycleCell(in RowSpecification row, in unsigned long column);
void editCell(in RowSpecification row, in unsigned long column, in DOMString data);
};menu 和command
menu 元素实际上在HTML 2 中就出现了。在HTML 4 中废弃了它，但是HTML 5 又恢复了它并指定了新的意义。在HTML 5 中，menu 包含command 元素，每个command 元素引发一个操作。例如，清单12 是一个弹出警告框的菜单。
清单12. HTML 5 菜单
menu
command label=Do 1st Command/
command label=Do 2nd Command/
command label=Do 3rd Command/
/menu
还可以用checked=checked 属性将命令转换为复选框。通过指定radiogroup 属性，可以将复选框转换为单选按钮，这个属性的值是互相排斥的按钮的组名。
除了简单的命令列表之外，还可以使用menu 元素创建工具栏或弹出式上下文菜单，这需要将type 属性设置为toolbar 或popup。例如，清单13 显示一个与WordPress 等blog 编辑器相似的工具栏。它使用icon 属性链接到按钮的图片。
清单13. HTML 5 工具栏
menu type=toolbar
command label=strong icon=bold.gif/
command label=em icon=italic.gif/
command label=link icon=link.gif/
command label=b-quote icon=blockquote.gif/
command label=del icon=del.gif/
command label=ins icon=insert.gif/
command label=img icon=image.gif/
command label=ul icon=bullet.gif/
command label=ol icon=number.gif/
command label=li icon=item.gif/
command label=code icon=code.gif/
command label=cite icon=cite.gif/
command label=abbr icon=abbr.gif/
command label=acronym icon=acronym.gif/
/menu
label 属性提供菜单的标题。例如，清单14 显示一个Edit 菜单。
清单14. HTML 5 Edit 菜单
menu type=popup label=edit
command label=Undo/
command label=Redo/
command label=Cut/
command label=Copy/
command label=Paste/
command label=Clear/
/menu
菜单可以嵌套在其他菜单中，形成层次化的菜单结构。
回页首结束语
HTML 5 是未来的Web 的一部分。它的新元素会产生更干净更简单的代码，让页面更容易理解。Div 和span 仍然有用处，但是不会像以前那样频繁地使用它们了。许多页面不再需要它们了。
尽管目前并非所有浏览器都支持这些元素，但这是HTML 引入大多数新元素之后的普遍情况，比如img、table、object 等等。随着时间的推移，支持会逐渐完善。浏览器会忽略不认识的HTML 元素，这意味着老式浏览器的用户仍然能够阅读HTML 5 页面，他们的浏览方式与以前一样。现代浏览器的用户可以获得更好的用户体验，但是没有人会由于HTML 5 新元素而妨碍浏览。
用8 年时间等待新特性的出现实在是够漫长的，尤其是在快速变化的Web 世界中。在Web 时代的早期，Netscape、Microsoft
和其他公司几乎每周都会引入新元素，HTML 5
终于也为我们提供了一些令人兴奋的东西。同时，它以一种谨慎得多的方式定义这些元素，让我们可以放心地使用它们。前景是光明的。
参考资料
学习
您可以参阅本文在developerWorks 全球网站上的英文原文。
HTML 的未来，第1 部分： WHATWG（Edd Dumbill，developerWorks，2005 年12 月）：研究开发人员、设计人员、作家、厂商、标准组织和其他组织提出的各种HTML 发展路径。
The future of HTML, Part 2: XHTML 2.0（Edd Dumbill，developerWorks，2006 年3 月）：讨论Extensible Hypertext Markup Language（XHTML）的下一个版本，以及W3C 对Ajax 中嵌入的富客户机行为的要求。
XHTML 1.0: Marking up a new dawn（Molly Holzschlag，developerWorks，2006 年1 月）：了解XHTML 1.0 的良构性和有效性需求。
WhatWG and HTML 5 FAQ：寻找与WhatWG 相关的许多常见问题的答案。
Web Applications 1.0：了解HTML 5 规范当前的工作草案。
Dialogue Concerning the Two Chief World Systems：阅读这篇文章（由Stillman Drake 翻译，由S. E. Sciortino 注释和整理）。
Ogg Theora：试用下一代开放视
频格式。
IBM XML 认证：了解如何成为 IBM 认证的 XML 和相关技术开发人员。
XML and XML Schema：在 developerWorks 中国网站 XML 专区中可以找到大量技术文章和提示、教程、标准和 IBM Redbooks。
developerWorks 技术事件和网络广播：通过这些活动了解最新的技术进展。
获得产品和技术
IBM 试用版软件：使用这些可以从 developerWorks 直接下载的试用软件构建您的下一个开发项目。
讨论
XML 专区论坛：参与各个以 XML 为中心的论坛。
通过参与 developerWorks blog 加入 developerWorks 社区。关于作者
Elliotte
Harold 出生在新奥尔良，现在他还定期回老家喝一碗美味的秋葵汤。但目前他和妻子 Beth、他们的狗 Shayna、猫 Charm 和
Marjorie 定居在布鲁克林附近的 Prospect Heights。他是 Polytechnic 大学的计算机科学副教授，讲授 Java
和面向对象编程。他的 Cafe au Lait Web 站点是 Internet 上最受欢迎的独立 Java 站点之一，子站点 Cafe con Leche 是最受欢迎的 XML 站点之一。他的著作包括 Effective XML 、 Processing XML with Java 、 Java Network Programming 和 The XML 1.1 Bible 。他的最新著作是 Java I/O, 第二版。他目前从事 XOM API 处理 XML、Jaxen XPath 引擎和 Jester 测试覆盖工具的研究。
转自：IBM开发者社区
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。