翻译：HTML5中的新元素--结构和语义(1)

 HTML5中的新元素--结构和语义
级别：入门
艾罗帝*拉斯蒂*哈罗德
理工大学副教授
2007年8月7日

原文：http://www.ibm.com/developerworks/web/library/x-html5/index.html

    HTML5在以往的HTML中加入了新元素，这还是新千年以来的第一次。这些新部件包括：aside， figure， 和section。新的行内（inline）部件包括：time， meter， 和progress。新的嵌入部件包括：video 和 audio。新的交互性部件包括： details， datagrid， 和command。

    HTML的开发停留在1999年的HTML 4。当时，万维网联盟( W3C)致力于改变HTML的基本语法，由标准通用标示语言(SGML）变为可扩展标记语言(XML)，并推出全新的标记语言，如可伸缩矢量图形(SVG)，XForms，和 MathML。浏览器厂商则努力发展浏览器的功能，例如标签（tabs）和丰富站点摘要阅读器(CSS readers)。网页设计师也开始学习串接样式表Cascading Style Sheets）和JavaScript™，以便在工作中应用当时的异步JavaScript + XML (Ajax)。然而HTML在其后8年中几乎没什么的发展。

最近，这个庞然大物突然苏醒。三大浏览器厂商苹果， 甲古文和Mozilla Foundation共同成立了网络超文本应用技术工作组(WhatWG)，来开发经典HTML的更新和升级版本。而后W3C的注意了这些举动，也着手开发自己新一代HTML，它的很多研发人员与(WhatWG)相同。最终，这两股研发力量将汇合。虽然许多细节仍有待讨论，HTML新版本的框架已经逐渐明确。

    这个新版本的HTML语言——通常人们把它叫做HTML5，但它还有个名字叫网络应用1.0（Web Applications 1.0）——将立刻受到网页设计师们的注意，并使他们从1999年以来的冻结中苏醒。新版本中有没有名字或纲目。元素不需要关闭。浏览器可以容忍错误。这里输入的p仍是p ，table仍然是table。

    与此同时，那些苏醒过来的、严重落伍的网页设计师会遇到一些新的令他们困惑的元素。不错，过去就有的div还保持不变，但现在HTML中增加了 section， header， footer， and nav等内容。em， code， 和strong 还存在， meter， time， and m. img 和embed也一样没变，不过现在还增加了video 和 audio。然而，经仔细研究一番之后，设计师们会发现这些新元素与过去的差别不大。很多东西可能是他们在1999年时就需要的，但当时没有。这些新元素都很容易学会，设计师只要简单类比一下那些他们已经掌握的元素就可以了。他们实际上比Ajax，CSS还好学得多。

    最后，当落伍的网页设计师打开同样落伍的笔记本电脑（那也是也停留在1999年的，还运行着Windows98，只有300兆赫），他们可能会惊讶地发现新网页在Netscape 4 和Windows® Internet Explorer® 5中一样可以正常显示。当然，那些旧版本的浏览器不会识别新元素并对其作出任何反映，但页面仍然可以显示，内容没变。

这不是什么令人惊喜的巧合。HTML 5在设计时目的很明确，要使它在浏览器不支持的情况下能够很好地降级。这样做的理由很简单：我们都是故步自封，容易落伍的人。现在浏览器拥有了tabs， CSS， and XmlHttpRequest，但它们的HTML渲染器还是1999年时候的样子。网页的向前发展是建立在已有的基础之上的。HTML 5很明白这一点。而随着浏览器的逐步升级，它为今天的网页设计者提供了便利，同时也为将来的网页浏览者带来更多希望。抱着这一想法，让我们看看HTML 5中有些什么内容。