您好,登錄后才能下訂單哦!
(技術大牛理解http://developer.51cto.com/art/201103/247880_all.htm)
·HTML 1.0 -- 1993年6月,IETF發布
·HTML 2.0 -- 1995年11月,發布
·HTML 3.2 -- 1996年1月,W3C推薦標準
·HTML 4.0 -- 1997年12月,W3C推薦標準
·HTML 4.01 -- 1999年12月,W3C推薦標準
·HTML 5.0 -- 2008年8月,W3C工作草案
HTML 2.0 是過時的 HTML 版本,大概在1996年。
HTML3.2大概是在1997年那時候是一個沒有style樣式的年代。一些顯示方式都是以屬性標簽,或屬性來實現的。如:〈CENTER〉<color>ALIGN=CENTER等。后面的版本也遺留了一些。
XHTML 是最新的HTML版本。HTML 教程
但HTML 5并不是由W3C直接制定的,是不同瀏覽器廠商WHATWG進行制定的.
一個元素出現在比doctype聲明的HTML版本更晚的規范中,就不解釋呈現該元素嗎?不會,當然不會!它照樣會解釋呈現該元素,別忘了伯斯塔爾法則,別忘了健壯性。瀏覽器在接收的時候必須要開放。因此,它不會檢查任何格式類型,而驗證器會(w3c的),驗證器才關心格式類型。這才是存在doctype的真正原因。
W3c標準和瀏覽器上顯示的一些區別
這也是為什么w3cshool上有些版本不支持的元素如center,font等仍然可以在xhtml 1.0 和html5 有其原有功能的原因。-----瀏覽器容錯能力。也就是伯斯塔爾法則,又稱健壯性法則,他的主要含義就是“發送時保守,接收時開放”。瀏覽器廠商都明白他們必須支持所有的版本,他們不會因為現在大家都用HTML4.1或者HTML5編寫網站就不再支持HTML以前的版本。道理很簡單,瀏覽器必須向后兼容。這就是瀏覽器“接收時開放”的精神的。
發送時保守”是告誡web開發人員的,你的HTML代碼應該寫的盡可能符合標準,能夠方便別人(瀏覽器)去解析,
為什么要通過w3c的驗證呢(很多都不通過w3c的驗證)
如果你在設計頁面的時候按照W3C標準的話,那么恭喜你:SEO(搜索引擎優化)的工作你已經完成了一半!為什么我會這么說呢?還有一半工作在哪呢?看了這篇文章以后你會不會按照W3C標準重構你的網站呢?且看我下面的觀點。
XHTML 1.0 使用 XML 對 HTML 4.01 進行了重新地表示。
作為一項 W3C 推薦,XHTML 1.0 發布于 2000 年 1 月 20 日。
Xhtml是以xml 為基礎引入的具有良好編排行的新概念。是更為嚴格,更為純凈的html;
Xhtml區別1:大小寫嚴格區分。Xhtml 元素名和屬性必須小寫。
2.對非空元素必須閉合標簽空標簽像<br>.<img> 應該寫為<br/>,<img/>
3.屬性引號不能省略
W3C 的標準化程序分為 7 個不同的步驟。
樣式表可描述文檔如何被顯示、發音或打印 4.
大牛解釋
XHTML 1.0與HTML4.01其實是一樣的。我的意思是說,從字面上看這兩個規范的內容是一樣的,詞匯表是一樣的,所有的元素是一樣,所有的屬性也都是一樣的。唯一一點不同之處,就是XHTML1.0要求使用XML語法。也就是說,所有屬性都必須使用小寫字母,所有元素也必須使用小寫字母,所有屬性值都必須加引號,你還得記著使用結束標簽,記著對img和br要使用自結束標簽。
XHTML 產生的原因
1.html的語法要求比較松散,對于網頁編寫者來說比較方便,但是對于機器來說就比較麻煩,對于傳統的計算機來說,還有能力兼容松散語法,但對于許多其他設備,如手機,難度就比較大,因此產生了DTD定義規則,語法要求更加嚴格的xhtml。
2.xhtml的目標是取代html,xhtml是更嚴格更純凈的html版本,它與html4.01幾乎是相同的。
http://baike.soso.com/v8351954.htm#para3
XML 會被用來描述和存儲數據,而HTML 會被用來顯示數據。
W3c有了xhtml為什么還要發展html5呢??
對XHTML1.1來說,唯一的變化是你必須把自己的文檔標記為XML文檔。把文檔標記為XML后,Internet Explorer不能處理。當然,IE9是可以處理了,所以說XHTML 1.1有點脫離現實。
這也就有了后面瀏覽器廠商和w3c對于html發展產生了分歧。W3c主站繼續xhtml方向擴展。最終瀏覽器廠商則自己來弄html擴展,也就是現在html5;不過后來w3c和瀏覽器廠商又同意一起來參與了html5擴展。
HTML 5的另一個設計原理,它必須向前向后兼容,兼容未來的HTML版本
HTML 5增加了更多樣化的API,提供了嵌入音頻、視頻、圖片的函數、客戶端數據存儲,以及交互式文檔。其他特性包括新的頁面元素,比如 <header>, <section>, <footer>,以及 <figure>。
一些新的元素和屬性,反映典型的現代用法網站。其中有些是技術上類似<div>和<span>標簽,但有一個含義,例如<nav>(網站導航塊)和<footer>。這種標簽將有利於搜索引擎的索引整理、小螢幕裝置和視障人士使用。同時為其他瀏覽要素提供了新的功能,通過一個標準介面,如<audio>和<video>標記。
一些過時的HTML 4標記將取消。其中包括純粹顯示效果的標記,如<font>和<center>,因為它們已經被CSS取代。
Html5:支持已有的內容。(對瀏覽器而言,必須支持他們以前其他版本的要求。)。所以它對標簽的大小寫又不區分了。(用慣xhtml可能會不太習慣)
1.<imgsrc="foo"alt="bar"/>
2.<pclass="foo">Hello world</p>
3.<imgsrc="foo"alt="bar">
4.<pclass="foo">Hello world
5.<IMGSRC="foo"ALT="bar">
6.<PCLASS="foo">Hello world</P>
7.<imgsrc=fooalt=bar>
8.<pclass=foo>Hello world</p>
這幾種語法在html5中都是沒問題的
Doctype定義了您正在使用的 HTML 版本。各個版本的doctype定義
<!DOCTYPE> 聲明對大小寫不敏感。
???為什么不支持的模式下如strickt ,frameset照常可以使用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Strict, Transitional,frameset(三者之間的區別。)
Html strict,xhtml strict 嚴格模式該 DTD 包含所有 HTML 元素和屬性,但不包括展示性的和棄用的元素(比如 font,center)。不允許框架集(Framesets)
Html transitional,xhtml transtional過度模式包括展示性的和棄用的元素(比如 font)。不允許框架集(Framesets)
Frameset該 DTD 包含所有 HTML 元素和屬性,包括展示性的和棄用的元素(比如 font)。包括展示性的和棄用的元素(比如 font)。允許框架集(Framesets)
但是大部分主流的瀏覽器都會容許某些的錯誤,這里的strict下不支持font是指不能通過w3c的驗證,并可以成功顯示出網頁,即使網頁的結構是不正確的。
XHTML 1.1該 DTD 等同于 XHTML 1.0Strict,但允許添加模型(例如提供對東亞語系的 ruby 支持)。
Html4.01是標準模式,而html5 doctype是準標準模式
如果沒有DOCTYPE,瀏覽器會進入一種被稱為Quirks模式的怪異狀態,在該模式下,瀏覽器的盒模型、樣式解析、布局等都與標準規定的存在差異。瀏覽器就會進入Quirks怪異模式
隨著HTML5的逐漸流行,很多網站都用上了HTML5規范來編寫HTML代碼,HTML5的HEAD區的寫法跟XTHML有一些差別,下面就用對照的方法寫出兩者的差別,希望能對同學們編寫HTML5代碼起到幫助作用。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。