HTML5的結(jié)構(gòu)和語(yǔ)義——前言(一)_XHTML教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
超文本標(biāo)記語(yǔ)言(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)記語(yǔ)言(HTML)的開(kāi)發(fā)到 1999 年 HTML 4 就停止了。萬(wàn)維網(wǎng)聯(lián)盟(W3C)把重點(diǎn)轉(zhuǎn)向?qū)?HTML 的底層語(yǔ)法從標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言(SGML)改為可擴(kuò)展標(biāo)記語(yǔ)言(XML),以及可縮放向量圖型(SVG)、XForms 和 MathML 這些全新的標(biāo)記語(yǔ)言。瀏覽器廠商則把精力放到選項(xiàng)卡和富站點(diǎn)摘要(RSS)閱讀器這類(lèi)瀏覽器特性上。Web 設(shè)計(jì)人員開(kāi)始學(xué)習(xí)使用異步 JavaScript XML(Ajax),在現(xiàn)有的框架下通過(guò)層疊樣式表(CSS)和 JavaScript? 語(yǔ)言建立自己的應(yīng)用程序。但是在接下來(lái)的八年中,HTML 本身沒(méi)有任何變化。
最近,它又復(fù)活了。三家重要的瀏覽器廠商 — Apple、Opera 和 Mozilla Foundation — 成立了 Web Hypertext Application Technology Working Group(WhatWG)來(lái)開(kāi)發(fā)傳統(tǒng) HTML 的新版本。最近,W3C 也注重到了這些活動(dòng),也啟動(dòng)了自己的新一代 HTML 項(xiàng)目,雙方的成員有很多是相同的。這兩個(gè)項(xiàng)目最終很可能合并。雖然很多細(xì)節(jié)還在爭(zhēng)論之中,但下一版本 HTML 的大體輪廓已經(jīng)清楚了。
Web 開(kāi)發(fā)人員從 1999 年就一直期待 HTML 的新版本(通常稱(chēng)為 HTML 5,但是也稱(chēng)為 Web Applications 1.0),現(xiàn)在它終于發(fā)布了。它保持了 HTML 原來(lái)的特色:沒(méi)有名稱(chēng)空間或模式。元素不必結(jié)束。瀏覽器會(huì)寬容地對(duì)待錯(cuò)誤。p 仍然是 p,table 仍然是 table。
假如在 1999 年將一位 Web 開(kāi)發(fā)人員冷凍起來(lái),現(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í)際上沒(méi)什么區(qū)別。其中許多元素可能在 1999 年是開(kāi)發(fā)人員需要而沒(méi)有得到的。通過(guò)與他已經(jīng)把握的元素進(jìn)行簡(jiǎn)單的類(lèi)比,這些新元素都很輕易理解。實(shí)際上,與 Ajax 或 CSS 相比,它們非常輕易把握。
最后,當(dāng)他打開(kāi) 300MHz 的筆記本(運(yùn)行的是 Windows 98,也是在 1999 年冷凍起來(lái)的)時(shí),他可能對(duì) Netscape 4 和 Windows? Internet Explorer? 5 中顯示的新頁(yè)面效果很吃驚。當(dāng)然,這些老式瀏覽器不熟悉新元素,會(huì)完全忽略它們,但是頁(yè)面仍然會(huì)顯示,內(nèi)容仍然是完整的。
這并不是什么虛構(gòu)的故事。HTML 5 的設(shè)計(jì)原則就是在不支持它的瀏覽器中能夠平穩(wěn)地退化。原因很簡(jiǎn)單:我們都是這樣的 “原始人”。瀏覽器現(xiàn)在有選項(xiàng)卡、CSS 和 XmlHttpRequest,但是它們的 HTML 顯示引擎仍然停留在 1999 年的水平。除了用戶(hù)量大大增加之外,Web 其實(shí)在本質(zhì)上沒(méi)什么進(jìn)步。HTML 5 考慮到了這一點(diǎn)。它目前為 Web 開(kāi)發(fā)人員一些真正的好處,隨著瀏覽器的緩慢升級(jí),頁(yè)面瀏覽者會(huì)逐漸享受到這些好處。
我們來(lái)看看 HTML 5 提供了什么。
(待續(xù))
相關(guān)XHTML教程:
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
猜你也喜歡看這些
- css教程:CSS邊距margin屬性的應(yīng)用
- CSS的私有屬性小結(jié)(針對(duì)FireFox瀏覽器)
- CSS中font-size文字大小屬性值的四個(gè)種類(lèi)
- 9個(gè)CSS文字排版相關(guān)CSS屬性應(yīng)用介紹
- FF中CSS的私有屬性小結(jié)
- 性感的CSS菜單(Menus)
- 論web標(biāo)準(zhǔn)的網(wǎng)頁(yè)制作和符合web標(biāo)準(zhǔn)的網(wǎng)站UI
- CSS提高網(wǎng)頁(yè)的維護(hù)更新效率
- CSS教程,CSS固定表頭的HTML表格
- CSS對(duì)表格單元格強(qiáng)制換行和不換行
- 相關(guān)鏈接:
- 教程說(shuō)明:
XHTML教程-HTML5的結(jié)構(gòu)和語(yǔ)義——前言(一)
。