HTML 5 預(yù)覽
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2008-10-17 18:57:05 作者:佚名
我要評(píng)論

原文:http://www.alistapart.com/articles/previewofhtml5
作者:Lachlan Hunt
譯者:zhaozy in 3user.com
概要
網(wǎng)絡(luò)是不斷的進(jìn)化的. 新的和有創(chuàng)意的網(wǎng)站每天都在出現(xiàn), 從各方面都在沖擊著HTML的邊界. HTML 4來(lái)到我們身邊已經(jīng)差不多有10年了, 發(fā)行者們不斷的尋求提供
文檔繼承性
不像先前版本的 HTML 和 XHTML根據(jù)它們的語(yǔ)法來(lái)定義, HTML 5 是根據(jù)文檔對(duì)象模型(DOM)來(lái)定義的 - 瀏覽器中用來(lái)描述文檔的的繼承型樹(shù)結(jié)構(gòu). 例如, 構(gòu)成一個(gè)由 名稱(title), 標(biāo)題(heading) 和段落(paragraph) 的文檔, 那么, 這個(gè)DOM 樹(shù)可能看起來(lái)是這樣的:

這個(gè)DOM樹(shù)包括: head中的title元素, body中的h1和p元素.
根據(jù)DOM定義的HTML 5的優(yōu)點(diǎn)是這種語(yǔ)言可以不依賴于它自己的語(yǔ)法. 有兩個(gè)主要的語(yǔ)法用來(lái)表現(xiàn)HTML文檔: HTML的序列和XML的序列 .
HTML 序列從HTML稍早版本的SGML語(yǔ)法中得到靈感而引入的一種語(yǔ)法, 但是卻定義成更適合瀏覽器在真實(shí)環(huán)境下處理HTML的方式.
<!DOCTYPE html>
<html>
<head>
<title>An HTML Document</title>
</head>
<body>
<h1>Example</h1>
<p>This is an example HTML document.
</body>
</html>
你會(huì)注意到, 這看起來(lái)很像是前個(gè)版本的HTML, 有些標(biāo)簽會(huì)自動(dòng)閉合.
XML 序列引入了XML 1.0的語(yǔ)法和命名空間, 就像是 XHTML 1.0.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>An HTML Document</title>
</head>
<body>
<h1>Example</h1>
<p>This is an example HTML document.</p>
</body>
</html>
除了間隔和xmls屬性, 這兩個(gè)例子幾乎是相同的.
瀏覽器通過(guò)使用MIME類型來(lái)區(qū)別兩者, 任何text/html形式的文檔必須符合 HTML 序列, 任何MIME類型是XML的文檔,像是 application/xhtml xml 必須符合XML 序列.
創(chuàng)作者可能要根據(jù)需要哪些功能來(lái)決定使用哪種序列. 沒(méi)有使用它們的強(qiáng)制性的條件, 他們?cè)诓煌樾蜗露伎赡苁亲顑?yōu)方案.
用HTML的好處 向后兼容現(xiàn)有的瀏覽器 創(chuàng)作者已經(jīng)非常熟悉語(yǔ)法 寬容和仁慈的語(yǔ)法, 將不會(huì)因?yàn)闊o(wú)意中的一個(gè)錯(cuò)誤而對(duì)任何對(duì)用戶有不友好的 "Yellow Screen of Death". 語(yǔ)法相當(dāng)容易記憶, 舉例說(shuō): 創(chuàng)作者可以省略掉一些標(biāo)簽或是屬性值.
用XHTML的好處 嚴(yán)格的XML語(yǔ)法鼓勵(lì)創(chuàng)作者書(shū)寫完整的標(biāo)簽, 有些用戶會(huì)發(fā)現(xiàn)這樣更容易維護(hù). 能直接的和其它XML詞表結(jié)合, 比如 SVG 和 MathML. 允許使用XML的處理過(guò)程, 有些創(chuàng)作者把這個(gè)過(guò)程作為他們編輯和發(fā)布過(guò)程的一部分.
如何貢獻(xiàn)
HTML 5的工作進(jìn)展很快, 但是由于要出示測(cè)試用例并實(shí)現(xiàn)互操作性, 它預(yù)期還會(huì)持續(xù)數(shù)年. 目前要完成的工作可能要10到15年的時(shí)間. 在這個(gè)過(guò)程中, 從各式各樣的人都會(huì)有反饋, 在他們中間, web設(shè)計(jì)師和開(kāi)發(fā)者, CMS和編輯工具的廠商和瀏覽器的廠商是確保成功的關(guān)鍵. 任何人都不只是歡迎, 更積極的是鼓勵(lì)為HTML 5提供反饋.
除了規(guī)范之外, 還有更多相關(guān)的努力來(lái)幫助人們更好地理解這個(gè)工作.
The Differences from HTML 4 (http://www.w3.org/html/wg/html5/diff/) 描述了和前一版本的HTML的不同.
The HTML Design Principles (http://www.w3.org/TR/html-design-principles/) 討論一些原理來(lái)幫助作出決定, 這也會(huì)幫助你了解在眾多的設(shè)計(jì)結(jié)果背后的原理.
The Web Developer’s Guide to HTML 5 (http://dev.w3.org/html5/html-author/) 這是最近才開(kāi)始做的, 這是為了幫助web設(shè)計(jì)師和開(kāi)發(fā)者理解要書(shū)寫符合規(guī)范的HTML 5的文檔所需要知道的一切, 并且提供了指南, 也提供了描述得相當(dāng)完整的試驗(yàn).
你可以在很多的方面做出貢獻(xiàn). 你可以加入 W3C’s HTML WG , 訂閱和貢獻(xiàn) HTML WG郵件列表, 或者完善它(wiki). 你也可以訂閱或貢獻(xiàn)其他的 WHATWG郵件列表, 在WHATWG 論壇發(fā)表文章, 在WHATWG 博客上留言或?qū)懳恼?
相關(guān)文章
- HTML表格用于在網(wǎng)頁(yè)上展示數(shù)據(jù),通過(guò)標(biāo)簽及其相關(guān)標(biāo)簽來(lái)創(chuàng)建,表格由行和列組成,每一行包含一個(gè)或多個(gè)單元格,單元格可以包含文本、圖像、鏈接等元素,本文將詳細(xì)介紹HTML表格2025-03-12
- 本文介紹了三種禁止HTML頁(yè)面滾動(dòng)的方法:通過(guò)CSS的overflow屬性、使用JavaScript的滾動(dòng)事件監(jiān)聽(tīng)器以及使用CSS的position:fixed屬性,每種方法都有其適用場(chǎng)景和優(yōu)缺點(diǎn),感興2025-02-24
使用HTML和CSS實(shí)現(xiàn)文字鏤空效果的代碼示例
在 Web 開(kāi)發(fā)中,文本的視覺(jué)效果是提升用戶體驗(yàn)的重要因素之一,通過(guò) CSS 技巧,我們可以創(chuàng)造出許多獨(dú)特的效果,例如文字鏤空效果,本文將帶你一步一步實(shí)現(xiàn)一個(gè)簡(jiǎn)單的文字鏤空2024-11-17Html去除a標(biāo)簽的默認(rèn)樣式的操作代碼
在Html中,a標(biāo)簽?zāi)J(rèn)的超鏈接樣式是藍(lán)色字體配下劃線,這可能不滿足所有設(shè)計(jì)需求,如需去除這些默認(rèn)樣式,可以通過(guò)CSS來(lái)實(shí)現(xiàn),本文給大家介紹Html去除a標(biāo)簽的默認(rèn)樣式的操作代碼2024-09-25HTML文本域如何設(shè)置為禁止用戶手動(dòng)拖動(dòng)
在HTML中,可以通過(guò)設(shè)置CSS的resize屬性為none,來(lái)禁止用戶手動(dòng)拖動(dòng)文本域(textarea)的大小,這種方法簡(jiǎn)單有效,適用于大多數(shù)現(xiàn)代瀏覽器,但需要在老舊瀏覽器中進(jìn)行測(cè)試以確保2024-09-25如何通過(guò)HTML/CSS 實(shí)現(xiàn)各類進(jìn)度條的功能
本文詳細(xì)介紹了如何利用HTML和CSS實(shí)現(xiàn)多種風(fēng)格的進(jìn)度條,包括基礎(chǔ)的水平進(jìn)度條、環(huán)形進(jìn)度條以及球形進(jìn)度條等,還探討了如何通過(guò)動(dòng)畫增強(qiáng)視覺(jué)效果,內(nèi)容涵蓋了使用HTML原生標(biāo)簽2024-09-19HTML中Canvas關(guān)鍵知識(shí)點(diǎn)總結(jié)
Canvas 提供了一套強(qiáng)大的 2D 繪圖 API,適用于各種圖形繪制、圖像處理和動(dòng)畫制作,可以幫助你創(chuàng)建復(fù)雜且高效的網(wǎng)頁(yè)圖形應(yīng)用,這篇文章主要介紹了HTML中Canvas關(guān)鍵知識(shí)點(diǎn)總結(jié)2024-06-03html table+css實(shí)現(xiàn)可編輯表格的示例代碼
本文主要介紹了html table+css實(shí)現(xiàn)可編輯表格的示例代碼,主要使用HTML5的contenteditable屬性,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)2024-03-06HTML中使用Flex布局實(shí)現(xiàn)雙行夾批效果
本文主要介紹了HTML中使用Flex布局實(shí)現(xiàn)雙行夾批效果,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)2024-02-22HTML+CSS實(shí)現(xiàn)炫酷登錄切換的項(xiàng)目實(shí)踐
在網(wǎng)站開(kāi)發(fā)中,登錄頁(yè)面是必不可少的一部分,本文就來(lái)介紹一下HTML+CSS實(shí)現(xiàn)登錄切換,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需2024-02-02