HTML5的结构和语义(1):前言
程序员文章站
2023-12-13 19:11:10
超文本标记语言(HTML)5 第一次向 HTML 中引入新的元素。新的结构元素包括 aside、figure 和 section。新的内联元素包括 time、meter 和 progress。新的内嵌元素有 video 和 aud... 08-10-17...
超文本标记语言(html)5 第一次向 html 中引入新的元素。新的结构元素包括 aside、figure 和 section。新的内联元素包括 time、meter 和 progress。新的内嵌元素有 video 和 audio。新的交互元素有 details、datagrid 和 command。
超文本标记语言(html)的开发到 1999 年 html 4 就停止了。万维网联盟(w3c)把重点转向将 html 的底层语法从标准通用标记语言(sgml)改为可扩展标记语言(xml),以及可缩放向量图型(svg)、xforms 和 mathml 这些全新的标记语言。浏览器厂商则把精力放到选项卡和富站点摘要(rss)阅读器这类浏览器特性上。web 设计人员开始学习使用异步 javascript xml(ajax),在现有的框架下通过层叠样式表(css)和 javascript™ 语言建立自己的应用程序。但是在接下来的八年中,html 本身没有任何变化。
最近,它又复活了。三家重要的浏览器厂商 — apple、opera 和 mozilla foundation — 成立了 web hypertext application technology working group(whatwg)来开发传统 html 的新版本。最近,w3c 也注意到了这些活动,也启动了自己的新一代 html 项目,双方的成员有很多是相同的。这两个项目最终很可能合并。虽然很多细节还在争论之中,但下一版本 html 的大体轮廓已经清楚了。
web 开发人员从 1999 年就一直期待 html 的新版本(通常称为 html 5,但是也称为 web applications 1.0),现在它终于发布了。它保持了 html 原来的特色:没有名称空间或模式。元素不必结束。浏览器会宽容地对待错误。p 仍然是 p,table 仍然是 table。
如果在 1999 年将一位 web 开发人员冷冻起来,现在再解冻,那么他会遇到一些新的让人迷惑的元素。是的,他熟悉的元素(比如 div)仍然保留了;但是,html 现在还包含 section、header、footer 和 nav 等新元素。em、code 和 strong 仍然存在,但是增加了 meter、time 和 m。img 和 embed 仍然可用,但是还增加了 video 和 audio。但是,他仔细观察一下就会发现,这些元素实际上没什么区别。其中许多元素可能在 1999 年是开发人员需要而没有得到的。通过与他已经掌握的元素进行简单的类比,这些新元素都很容易理解。实际上,与 ajax 或 css 相比,它们非常容易掌握。
最后,当他打开 300mhz 的笔记本(运行的是 windows 98,也是在 1999 年冷冻起来的)时,他可能对 netscape 4 和 windows® internet explorer® 5 中显示的新页面效果很吃惊。当然,这些老式浏览器不认识新元素,会完全忽略它们,但是页面仍然会显示,内容仍然是完整的。
这并不是什么虚构的故事。html 5 的设计原则就是在不支持它的浏览器中能够平稳地退化。原因很简单:我们都是这样的 “原始人”。浏览器现在有选项卡、css 和 xmlhttprequest,但是它们的 html 显示引擎仍然停留在 1999 年的水平。除了用户量大大增加之外,web 其实在本质上没什么进步。html 5 考虑到了这一点。它目前为 web 开发人员一些真正的好处,随着浏览器的缓慢升级,页面浏览者会逐渐享受到这些好处。
我们来看看 html 5 提供了什么。
(待续)