HTML5的結(jié)構(gòu)和語義(1)-前言_1

2020-03-24 18:33:16

字體：大中小

供稿：網(wǎng)友

超文本標(biāo)記語言（HTML）5 第一次向 HTML 中引入新的元素。新的結(jié)構(gòu)元素包括 aside、figure 和 section。新的內(nèi)聯(lián)元素包括 time、meter 和 progress。新的內(nèi)嵌元素有 video 和 audio。新的交互元素有 details、datagrid 和 command。
超文本標(biāo)記語言（HTML）的開發(fā)到 1999 年 HTML 4 就停止了。萬維網(wǎng)聯(lián)盟（W3C）把重點(diǎn)轉(zhuǎn)向?qū)?HTML 的底層語法從標(biāo)準(zhǔn)通用標(biāo)記語言（SGML）改為可擴(kuò)展標(biāo)記語言（XML），以及可縮放向量圖型（SVG）、XForms 和 MathML 這些全新的標(biāo)記語言。瀏覽器廠商則把精力放到選項(xiàng)卡和富站點(diǎn)摘要（RSS）閱讀器這類瀏覽器特性上。Web 設(shè)計(jì)人員開始學(xué)習(xí)使用異步 JavaScript XML（html' target='_blank'>Ajax），在現(xiàn)有的框架下通過層疊樣式表（CSS）和 JavaScript 語言建立自己的應(yīng)用程序。但是在接下來的八年中，HTML 本身沒有任何變化。
最近，它又復(fù)活了。三家重要的瀏覽器廠商 Apple、Opera 和 Mozilla Foundation 成立了 Web Hypertext Application Technology Working Group（WhatWG）來開發(fā)傳統(tǒng) HTML 的新版本。最近，W3C 也注意到了這些活動(dòng)，也啟動(dòng)了自己的新一代 HTML 項(xiàng)目，雙方的成員有很多是相同的。這兩個(gè)項(xiàng)目最終很可能合并。雖然很多細(xì)節(jié)還在爭論之中，但下一版本 HTML 的大體輪廓已經(jīng)清楚了。
Web 開發(fā)人員從 1999 年就一直期待 HTML 的新版本（通常稱為 HTML 5，但是也稱為 Web Applications 1.0），現(xiàn)在它終于發(fā)布了。它保持了 HTML 原來的特色：沒有名稱空間或模式。元素不必結(jié)束。瀏覽器會(huì)寬容地對待錯(cuò)誤。p 仍然是 p，table 仍然是 table。
如果在 1999 年將一位 Web 開發(fā)人員冷凍起來，現(xiàn)在再解凍，那么他會(huì)遇到一些新的讓人迷惑的元素。是的，他熟悉的元素（比如 div）仍然保留了；但是，HTML 現(xiàn)在還包含 section、header、footer 和 nav 等新元素。em、code 和 strong 仍然存在，但是增加了 meter、time 和 m。img 和 embed 仍然可用，但是還增加了 video 和 audio。但是，他仔細(xì)觀察一下就會(huì)發(fā)現(xiàn)，這些元素實(shí)際上沒什么區(qū)別。其中許多元素可能在 1999 年是開發(fā)人員需要而沒有得到的。通過與他已經(jīng)掌握的元素進(jìn)行簡單的類比，這些新元素都很容易理解。實(shí)際上，與 Ajax 或 CSS 相比，它們非常容易掌握。
最后，當(dāng)他打開 300MHz 的筆記本（運(yùn)行的是 Windows 98，也是在 1999 年冷凍起來的）時(shí)，他可能對 Netscape 4 和 Windows Internet Explorer 5 中顯示的新頁面效果很吃驚。當(dāng)然，這些老式瀏覽器不認(rèn)識(shí)新元素，會(huì)完全忽略它們，但是頁面仍然會(huì)顯示，內(nèi)容仍然是完整的。
這并不是什么虛構(gòu)的故事。HTML 5 的設(shè)計(jì)原則就是在不支持它的瀏覽器中能夠平穩(wěn)地退化。原因很簡單：我們都是這樣的原始人。瀏覽器現(xiàn)在有選項(xiàng)卡、CSS 和 XmlHttpRequest，但是它們的 HTML 顯示引擎仍然停留在 1999 年的水平。除了用戶量大大增加之外，Web 其實(shí)在本質(zhì)上沒什么進(jìn)步。HTML 5 考慮到了這一點(diǎn)。它目前為 Web 開發(fā)人員一些真正的好處，隨著瀏覽器的緩慢升級，頁面瀏覽者會(huì)逐漸享受到這些好處。
我們來看看 HTML 5 提供了什么。
（待續(xù)）html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。

上一篇：有關(guān)HTML文檔中meta用法總結(jié)

下一篇：html插入圖片的示例代碼詳解（圖）