(技術(shù)大牛理解http://developer.51cto.com/art/201103/247880_all.htm)

十多年的瀏陽網(wǎng)站建設(shè)經(jīng)驗(yàn),針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。成都全網(wǎng)營銷的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整瀏陽建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“瀏陽網(wǎng)站設(shè)計(jì)”,“瀏陽網(wǎng)站推廣”以來,每個客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
·HTML 1.0 -- 1993年6月,IETF發(fā)布
·HTML 2.0 -- 1995年11月,發(fā)布
·HTML 3.2 -- 1996年1月,W3C推薦標(biāo)準(zhǔn)
·HTML 4.0 -- 1997年12月,W3C推薦標(biāo)準(zhǔn)
·HTML 4.01 -- 1999年12月,W3C推薦標(biāo)準(zhǔn)
·HTML 5.0 -- 2008年8月,W3C工作草案
HTML 2.0是過時的 HTML版本,大概在1996年。
HTML3.2大概是在1997年那時候是一個沒有style樣式的年代。一些顯示方式都是以屬性標(biāo)簽,或?qū)傩詠韺?shí)現(xiàn)的。如:〈CENTER〉<color>ALIGN=CENTER等。后面的版本也遺留了一些。
XHTML是最新的HTML版本。HTML教程
但HTML 5并不是由W3C直接制定的,是不同瀏覽器廠商WHATWG進(jìn)行制定的.
一個元素出現(xiàn)在比doctype聲明的HTML版本更晚的規(guī)范中,就不解釋呈現(xiàn)該元素嗎?不會,當(dāng)然不會!它照樣會解釋呈現(xiàn)該元素,別忘了伯斯塔爾法則,別忘了健壯性。瀏覽器在接收的時候必須要開放。因此,它不會檢查任何格式類型,而驗(yàn)證器會(w3c的),驗(yàn)證器才關(guān)心格式類型。這才是存在doctype的真正原因。
W3c標(biāo)準(zhǔn)和瀏覽器上顯示的一些區(qū)別
這也是為什么w3cshool上有些版本不支持的元素如center,font等仍然可以在xhtml 1.0和html5有其原有功能的原因。-----瀏覽器容錯能力。也就是伯斯塔爾法則,又稱健壯性法則,他的主要含義就是“發(fā)送時保守,接收時開放”。瀏覽器廠商都明白他們必須支持所有的版本,他們不會因?yàn)楝F(xiàn)在大家都用HTML4.1或者HTML5編寫網(wǎng)站就不再支持HTML以前的版本。道理很簡單,瀏覽器必須向后兼容。這就是瀏覽器“接收時開放”的精神的。
發(fā)送時保守”是告誡web開發(fā)人員的,你的HTML代碼應(yīng)該寫的盡可能符合標(biāo)準(zhǔn),能夠方便別人(瀏覽器)去解析,
為什么要通過w3c的驗(yàn)證呢(很多都不通過w3c的驗(yàn)證)
如果你在設(shè)計(jì)頁面的時候按照W3C標(biāo)準(zhǔn)的話,那么恭喜你:SEO(搜索引擎優(yōu)化)的工作你已經(jīng)完成了一半!為什么我會這么說呢?還有一半工作在哪呢?看了這篇文章以后你會不會按照W3C標(biāo)準(zhǔn)重構(gòu)你的網(wǎng)站呢?且看我下面的觀點(diǎn)。
XHTML 1.0 使用 XML 對 HTML 4.01 進(jìn)行了重新地表示。
作為一項(xiàng) W3C 推薦,XHTML 1.0 發(fā)布于 2000 年 1 月 20 日。
Xhtml是以xml為基礎(chǔ)引入的具有良好編排行的新概念。是更為嚴(yán)格,更為純凈的html;
Xhtml區(qū)別1:大小寫嚴(yán)格區(qū)分。Xhtml元素名和屬性必須小寫。
2.對非空元素必須閉合標(biāo)簽空標(biāo)簽像<br>.<img> 應(yīng)該寫為<br/>,<img/>
3.屬性引號不能省略
W3C的標(biāo)準(zhǔn)化程序分為 7個不同的步驟。
樣式表可描述文檔如何被顯示、發(fā)音或打印 4.
大牛解釋
XHTML 1.0與HTML4.01其實(shí)是一樣的。我的意思是說,從字面上看這兩個規(guī)范的內(nèi)容是一樣的,詞匯表是一樣的,所有的元素是一樣,所有的屬性也都是一樣的。唯一一點(diǎn)不同之處,就是XHTML1.0要求使用XML語法。也就是說,所有屬性都必須使用小寫字母,所有元素也必須使用小寫字母,所有屬性值都必須加引號,你還得記著使用結(jié)束標(biāo)簽,記著對img和br要使用自結(jié)束標(biāo)簽。
XHTML 產(chǎn)生的原因
1.html的語法要求比較松散,對于網(wǎng)頁編寫者來說比較方便,但是對于機(jī)器來說就比較麻煩,對于傳統(tǒng)的計(jì)算機(jī)來說,還有能力兼容松散語法,但對于許多其他設(shè)備,如手機(jī),難度就比較大,因此產(chǎn)生了DTD定義規(guī)則,語法要求更加嚴(yán)格的xhtml。
2.xhtml的目標(biāo)是取代html,xhtml是更嚴(yán)格更純凈的html版本,它與html4.01幾乎是相同的。
http://baike.soso.com/v8351954.htm#para3
XML會被用來描述和存儲數(shù)據(jù),而HTML會被用來顯示數(shù)據(jù)。
W3c有了xhtml為什么還要發(fā)展html5呢??
對XHTML1.1來說,唯一的變化是你必須把自己的文檔標(biāo)記為XML文檔。把文檔標(biāo)記為XML后,Internet Explorer不能處理。當(dāng)然,IE9是可以處理了,所以說XHTML 1.1有點(diǎn)脫離現(xiàn)實(shí)。
這也就有了后面瀏覽器廠商和w3c對于html發(fā)展產(chǎn)生了分歧。W3c主站繼續(xù)xhtml方向擴(kuò)展。最終瀏覽器廠商則自己來弄html擴(kuò)展,也就是現(xiàn)在html5;不過后來w3c和瀏覽器廠商又同意一起來參與了html5擴(kuò)展。
HTML 5的另一個設(shè)計(jì)原理,它必須向前向后兼容,兼容未來的HTML版本
HTML 5增加了更多樣化的API,提供了嵌入音頻、視頻、圖片的函數(shù)、客戶端數(shù)據(jù)存儲,以及交互式文檔。其他特性包括新的頁面元素,比如 <header>, <section>, <footer>,以及 <figure>。
一些新的元素和屬性,反映典型的現(xiàn)代用法網(wǎng)站。其中有些是技術(shù)上類似<div>和<span>標(biāo)簽,但有一個含義,例如<nav>(網(wǎng)站導(dǎo)航塊)和<footer>。這種標(biāo)簽將有利於搜索引擎的索引整理、小螢?zāi)谎b置和視障人士使用。同時為其他瀏覽要素提供了新的功能,通過一個標(biāo)準(zhǔn)介面,如<audio>和<video>標(biāo)記。
一些過時的HTML 4標(biāo)記將取消。其中包括純粹顯示效果的標(biāo)記,如<font>和<center>,因?yàn)樗鼈円呀?jīng)被CSS取代。
Html5:支持已有的內(nèi)容。(對瀏覽器而言,必須支持他們以前其他版本的要求。)。所以它對標(biāo)簽的大小寫又不區(qū)分了。(用慣xhtml可能會不太習(xí)慣)
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(三者之間的區(qū)別。)
Html strict,xhtml strict嚴(yán)格模式該 DTD包含所有 HTML元素和屬性,但不包括展示性的和棄用的元素(比如 font,center)。不允許框架集(Framesets)
Html transitional,xhtml transtional過度模式包括展示性的和棄用的元素(比如 font)。不允許框架集(Framesets)
Frameset該 DTD包含所有 HTML元素和屬性,包括展示性的和棄用的元素(比如 font)。包括展示性的和棄用的元素(比如 font)。允許框架集(Framesets)
但是大部分主流的瀏覽器都會容許某些的錯誤,這里的strict下不支持font是指不能通過w3c的驗(yàn)證,并可以成功顯示出網(wǎng)頁,即使網(wǎng)頁的結(jié)構(gòu)是不正確的。
XHTML 1.1該 DTD等同于 XHTML 1.0Strict,但允許添加模型(例如提供對東亞語系的 ruby支持)。
Html4.01是標(biāo)準(zhǔn)模式,而html5 doctype是準(zhǔn)標(biāo)準(zhǔn)模式
如果沒有DOCTYPE,瀏覽器會進(jìn)入一種被稱為Quirks模式的怪異狀態(tài),在該模式下,瀏覽器的盒模型、樣式解析、布局等都與標(biāo)準(zhǔn)規(guī)定的存在差異。瀏覽器就會進(jìn)入Quirks怪異模式
隨著HTML5的逐漸流行,很多網(wǎng)站都用上了HTML5規(guī)范來編寫HTML代碼,HTML5的HEAD區(qū)的寫法跟XTHML有一些差別,下面就用對照的方法寫出兩者的差別,希望能對同學(xué)們編寫HTML5代碼起到幫助作用。
新聞名稱:html各個版本和doctype整理
URL標(biāo)題:http://www.chinadenli.net/article20/iiecco.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、品牌網(wǎng)站制作、網(wǎng)站建設(shè)、App設(shè)計(jì)、服務(wù)器托管、虛擬主機(jī)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)