XHTML是具有延伸性的超文本標(biāo)記語言
出現(xiàn)XHTML目的就是要替代HTML
XHTML和HTML4.01幾乎相同
XHTML是更嚴(yán)密代碼更整潔的HTML版本
XHTML的定義形同將HTML視為XML(從代碼的結(jié)構(gòu)上)
XHTML是W3C的推薦標(biāo)準(zhǔn)
XHTML 1.0是一種在HTML 4.0基礎(chǔ)上優(yōu)化和改進的的新語言,目的是基于XML應(yīng)用。XHTML是一種增強了的HTML,它的可擴展性和靈活性將適應(yīng)未來網(wǎng)絡(luò)應(yīng)用更多的需求。下面 是W3C的HTML工作組主席Steven pemberton回答的關(guān)于XHTML的常見基礎(chǔ)問題。
問:什么是XHTML?
答:XHTML是一種為適應(yīng)XML而重新改造的HTML。當(dāng)XML越來越成為一種趨勢,就出現(xiàn)了這樣一個問題:如果我們有了XML,我們是否依然需要 HTML?為了回答這個問題,1998年5月我們在舊金山開了兩天的工作會議,會議的結(jié)論是:需要。我們依然需要使用HTML。因為大量的人們已經(jīng)習(xí)慣使 用HTML來作為他們的設(shè)計語言,而且,已經(jīng)有數(shù)以百萬計的頁面是采用HTML編寫的。
問:為什么XHTML 1.0相對HTML 4.0獨立發(fā)展?
答:并不是這樣。XHTML恰恰就是HTML 4.0的重新組織,(確切的說它是HTML 4.01,是一個修正版本的HTML 4.0,只不過以XHTML 1.0命名發(fā)行。) 它們在XML里的解釋會有一些必要的差別,但另一方面,它們依然非常相似,我們可以把XHTML的工作看作是HTML 4.0基礎(chǔ)上的延續(xù)。
問:XHTML 1.0如何實現(xiàn)XML標(biāo)準(zhǔn)?
答:XHTML就是一種XML應(yīng)用。它采用XML的DTD文件格式定義,并運行在支持XML的系統(tǒng)上。這里要感謝XML的Namespaces功能,瀏覽 器制造商不需要再創(chuàng)造新的私有標(biāo)簽(tags),他們只需要在XHTML代碼里包含XML代碼片段,或者XML代碼里包含XHTML代碼片段。
問:XHTML 1.0最主要的優(yōu)勢是什么?
答:XML是web發(fā)展的趨勢,所以人們急切的希望加入XML的潮流中。使用XHTML 1.0,只要你小心遵守一些簡單規(guī)則,就可以設(shè)計出既適合XML系統(tǒng),又適合當(dāng)前大部分HTML瀏覽器的頁面。這個意思就是說,你可以立刻設(shè)計使用 XML,而不需要等到人們都使用支持XML的瀏覽器。這個指導(dǎo)方針可以使web平滑的過渡到XML。
另一個使用XHTML的優(yōu)勢是:它非常嚴(yán)密。當(dāng)前網(wǎng)絡(luò)上的HTML的糟糕情況讓人震驚,早期的瀏覽器接受私有的HTML標(biāo)簽,所以人們在頁面設(shè)計完畢后必須使用各種瀏覽器來檢測頁面,看是否兼容,往往會有許多莫名其妙的差異,人們不得不修改設(shè)計以便適應(yīng)不同的瀏覽器。
用XML我們可以重新建立制度,瀏覽器制造商聯(lián)合采用'嚴(yán)格的錯誤防御標(biāo)準(zhǔn)',如果XML代碼不兼容,瀏覽器拒絕顯示頁面,這樣設(shè)計工作在發(fā)布前必須修正每一個錯誤。
問:用XHTML,網(wǎng)頁設(shè)計師會遇到和HTML一樣的瀏覽器兼容性問題嗎?
答:希望不會。'嚴(yán)格的錯誤防御標(biāo)準(zhǔn)'將幫助瀏覽器對代碼作出相同的響應(yīng),XML的namespaces功能使你可以增加自己的新標(biāo)簽而不需要特別的瀏覽 器支持。現(xiàn)在我們所需要得到保證的就是:所有瀏覽器開發(fā)商一致并且完全遵守我們制定的CSS。寫信給你的瀏覽器制造商,告訴你需要的CSS規(guī)范,你甚至可 以檢測瀏覽器是否聽從你的設(shè)計。
問:學(xué)習(xí)XHTML是否很困難?
答:一點也不!
問:誰可以采用XHTML 1.0設(shè)計?
答:因為XHTML非常簡單易于實現(xiàn),所以任何會用HTML的人都可以容易地使用XHTML。當(dāng)使用XML瀏覽器的人們越來越多,更多的工作會被建議使用XML,那時侯也許都將使用XHTML。
問:什么時候XHTML網(wǎng)站會普及?
答:好問題。我已經(jīng)看到一些使用XHTML建立的網(wǎng)站,甚至在XHTML 1.0發(fā)布以前。我相信它將會有一個大發(fā)展,因為它太容易了。
問:我們?nèi)绾螌F(xiàn)有的HTMl轉(zhuǎn)換為XHTML?
答:非常簡單,因為它們非常相似。在W3C(www.w3c.org)網(wǎng)站上有一個開放原代碼(open-source)的軟件叫HTML Tidy,可以幫助你直接轉(zhuǎn)換。
問:XHTML未來會怎樣?
答:XHTML1.0僅僅是這個新HTML語言的第一步。新版本將沒有向下兼容老瀏覽器的約束,可以有更多的發(fā)展空間。
首先,我們將進行一次徹底的清理,刪除HTML 4.0中不兼容的元素。
其次,我們將XHTML模塊化,允許人們在XML應(yīng)用中使用XHTML模塊(比如表格),減少重復(fù)開發(fā)。同時也允許開發(fā)特別用途的設(shè)計,比如電話應(yīng)用,只要屬于XHTML的子集就可以保持兼容,人們可以創(chuàng)造他們自己的HTML。
最后,在解決需求方面,我們將開發(fā)更多的表單(Forms)功能,允許在客戶端執(zhí)行更多的檢測,減少客戶機--服務(wù)器之間的網(wǎng)絡(luò)信息傳輸。總之,更多令人興奮的功能將會被實現(xiàn)。
------------------------------------------------------------------------------------------------------------------
什么叫HTML
HTML是網(wǎng)絡(luò)的通用語言,一種簡單、通用的全置標(biāo)記語言。它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面,這些頁面可以被網(wǎng)上任何其他人瀏覽到,無論使用的是什么類型的電腦或瀏覽器。神奇嗎?一點都不神奇,因為現(xiàn)在你看到的就是這種語言寫的頁面.哈哈.
也許你聽說過許多可以編輯網(wǎng)頁的軟件,事實上,你不需要用任何專門的軟件來建立HTML頁面;你所需要的只是一個文字處理器(如McrosoftWord/記事本/寫字板等等)以及HTML的工作常識。其實你很快就會發(fā)現(xiàn),基礎(chǔ)的HTML語言簡直容易死了。
-------------------------------------------------------------
你可以開始通過書寫嚴(yán)密的HTML代碼來為你的XHML之旅做好準(zhǔn)備
怎樣為XHTML做好準(zhǔn)備
XHTML與HTML的區(qū)別并不是很大,因此熟悉HTML4.01標(biāo)準(zhǔn)代碼對學(xué)習(xí)XHTML來講非常有意義。W3S提供的HTML 4.01 參考可以幫助你熟悉它們
補充一下,你現(xiàn)在就應(yīng)該開始習(xí)慣使用小寫標(biāo)簽書寫HTML代碼,還有千萬別漏掉結(jié)束標(biāo)簽。
最主要的區(qū)別:
- XHTML元素必須合理嵌套
- XHTML文檔形式上必須符合規(guī)范
- 標(biāo)簽必須使用小寫
- 所有的XHTML元素都必須有始有終
元素必須合理嵌套
在HTML中一些元素可以不使用正確的相互嵌套:
<b><i>This text is bold and italic</b></i>
在XHTML中所有元素必須合理的相互嵌套:
<b><i>This text is bold and italic</i></b>
注:在列表嵌套的時候經(jīng)常會犯一個錯誤,就是忘記了在列表中插入一新列表必須嵌在<li>標(biāo)記中:
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
<li>Milk</li>
</ul>
這才是正確的:
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
在這段正確的代碼示例中,</ul>后面加入了</li>標(biāo)簽
文檔形式上必須符合規(guī)范
所有的XHTML元素必須被嵌在<html> 根元素之中。所有其它的元素可以有自己的子元素。位于父元素之內(nèi)的子元素必須成對出現(xiàn)且使用正確的嵌套。文檔的基本構(gòu)架為:
<html>
<head> ... </head>
<body> ... </body>
</html>
標(biāo)簽必須使用小寫
因為XHTML文檔是XML應(yīng)用產(chǎn)物,XML是區(qū)分大小寫的,所以<br>和<BR>會被認(rèn)為是兩種不同的標(biāo)簽。
這就是錯誤的:
<BODY>
<P>This is a paragraph</P>
</BODY>
這才是正確的:
<body>
<p>This is a paragraph</p>
</body>
所有的XHTML元素都必須有始有終
非空元素必須得有結(jié)束標(biāo)簽
這是錯誤的寫法:
<p>This is a paragraph
<p>This is another paragraph
這是正確的:
<p>This is a paragraph</p>
<p>This is another paragraph</p>
空標(biāo)簽也得關(guān)閉
空標(biāo)簽同樣也得關(guān)閉,可以是在開始標(biāo)簽后加上/>
這是錯誤的寫法:
This is a break<br>
Here comes a horizontal rule:<hr>
Here's an image <img src='happy.gif' alt='Happy face'>
正確的是這樣:
This is a break<br />
Here comes a horizontal rule:<hr />
Here's an image <img src='happy.gif' alt='Happy face' />
注意:為了使你的XHTML能夠兼容目前的瀏覽器,你必須在/符號之加上一空格,如:<br />
這篇文章主要闡述 HTML 和 XHTML 的區(qū)別 --> 。簡單來說,XHTML 可以認(rèn)為是 XML 版本的 HTML --> ,為符合 XML 要求,XHTML 語法上要求更嚴(yán)謹(jǐn)些。
以下是 XHTML 相對 HTML 的幾大區(qū)別:
- XHTML 要求正確嵌套
- XHTML 所有元素必須關(guān)閉
- XHTML 區(qū)分大小寫
- XHTML 屬性值要用雙引號
- XHTML 用 id 屬性代替 name 屬性
- XHTML 特殊字符的處理
XHTML 要求正確嵌套
以下是正確的嵌套:
--> <p>布啦布啦<strong>獨樹一幟</strong>。</p>
以下是錯誤的嵌套:
<p>布啦布啦<strong>獨樹一幟</p></strong>。
--> XHTML 所有元素必須關(guān)閉
--> XHTML 里,應(yīng)該寫成:Javascript.
在 HTML 中 --> ,比如 <p>,<li> 這些標(biāo)記,你可以不寫 </p>,</li>,但 --> 是在 XHTML 里,必須要求寫關(guān)閉標(biāo)記 (Closing Tag)。
比如:
<p>布啦布啦很認(rèn)真。
顯然,如果瀏覽器做成這個樣子,倒貼錢也是不會有人用的。
應(yīng)該寫成:
<p>布啦布啦很認(rèn)真。</p>
處理空元素
--> 有些空元素,在 XHTML 里的寫法是在'>'之前加空格和斜杠。比如<br>,應(yīng)該寫成<br />。
以下是空元素的例子:
<br />
<hr />
<img src = '***.jpg' alt = --> 'blabla' / --> >
<link rel='stylesheet' href='/styles/blabla.css' type='text/css --> ' />
<meta http-equiv='content-type' content --> ='text/html; charset=UTF --> -8' / --> >
XHTML 區(qū)分大小寫
HTML 不區(qū)分大小寫,但是 XHTML 是區(qū)分大小寫的。
XHTML 的所有標(biāo)記和屬性都要小寫。
比如:
<IMG SRC = '/***.jpg' Alt = 'blabla' / --> >
應(yīng)該寫成:
<img src = '/***.jpg' alt = 'blabla' />
XHTML 屬性值要用雙引號
HTML 并不強制要求屬性值加雙引號。比如 --> 你可以寫:
--> <table cellspacing = 0>
<input checked>
--> 但在 XHTML 里,應(yīng)該寫成:
--> <table cellspacing = '0'>
--> <input checked = 'checked --> ' />
XHTML 用 id 屬性代替 name 屬性
HTML 很多元素 --> ,比如 a,applet,frame,iframe,img 和 map,有 name 屬性。在 XHTML 里是要廢除的,而用 id 屬性取而代之。
比如:
<img src='XXX.gif' name='blabla logo'/>
應(yīng)該寫成:
<img src='XXX.g --> if' id --> ='blabla logo' />
XHTML 特殊字符的處理
& 應(yīng)該在 XHTML 里應(yīng)該寫成 --> &。
比如:
You & Me
--> 應(yīng)該寫成:
You & Me
=====天王蓋地虎 寶塔鎮(zhèn)河妖=====XHTML 里應(yīng)該寫成 &!
還有如果內(nèi)嵌 Javascript 代碼,在 XHTML 里則應(yīng)該寫成:
--> <script type='text/javascript'>//<![CDATA[...
//]]></script>
瀏覽器的角度
以上是從協(xié)議標(biāo)準(zhǔn)的角度來看待這個問題的。如果從瀏覽器的角度來看待這個問題,情況就有所 --> 不同。
=====天王蓋地虎 寶塔鎮(zhèn)河妖=====標(biāo)準(zhǔn)要求瀏覽器 --> 不再支持原先的容錯能力,這 --> 是一個標(biāo)準(zhǔn)制定者走火入魔的典型例子。
--> 考慮一下,如果把 XHTML 寫得很不嚴(yán)格,瀏覽器會怎么做?是不是會彈出一個對話框,寫著“這個網(wǎng)站的開發(fā)人員技術(shù)不過關(guān),寫的不是正宗的 XHTML 文件,咱不顯示”?顯然,如果瀏覽器做成這個樣子,倒貼錢也是不會有人用的。
從瀏覽器的角度看待上面幾個不同,大致是下面的測試結(jié)果(IE和Firefox我都測試過):
- XHTML 要求正確嵌套 --> :如果你沒有嵌套,瀏覽器會試圖幫你嵌套。
- XHTML 所有元素必須關(guān)閉:如果你沒有關(guān)閉,瀏覽器會試圖幫你關(guān)閉。
- XHTML 區(qū)分大小寫:你非要寫成大寫,瀏覽器幫你轉(zhuǎn)換成為小寫。
- 屬性值要用雙引號:你非要不肯加,瀏覽器幫你加。
- 特殊字符的處理:You & Me 也好,You & Me 也好,瀏覽器都能讀入。
- 用 id 屬性代替 name 屬性:你非要用 name 也可以 --> 。
如果你在文檔開始用 DocType 指定為 XHTML 了,有一點需要注意 --> 。在給 Tag 用 class 指定CSS 的時候,是區(qū)分大小寫的。例如,你定義了一個CSS如下 --> ,
<style>
.hello { ...... }
</style
-->
>
而你使用的時候?qū)懗桑?/P>
--> <p class='Hello --> '> ......
那這個CSS --> 是不會被使用的。要積極的看待這個問題 --> ,這讓你可以用更多的名字來命名 Style,是一個好事。
XHTML 標(biāo)準(zhǔn)的前途
從標(biāo)準(zhǔn)制定者的初衷看,制定 XHTML 標(biāo)準(zhǔn)是試圖把 HTML 規(guī)范成為嚴(yán)格的 XML 格式,這樣無可避免的會導(dǎo)致一個結(jié)果,就是從 HTML 到 XHTML 的升級導(dǎo)致標(biāo)準(zhǔn)的容錯能力降低了 --> 。把自己的網(wǎng)頁源文件寫得嚴(yán)格一點當(dāng)然是好事,但是一個標(biāo)準(zhǔn) --> 不可能去要求瀏覽器降低自己的容錯能力。
--> XHTML 1.0 標(biāo)準(zhǔn)是兼容 HTML 4.01,是個不錯的協(xié)議,可以讓開發(fā)者在編寫代碼的同時通過一些工具來檢查代碼的合法性,雖然對于用戶而言,制作出來的網(wǎng)頁和 HTML 4.01 相比實在沒有什么不同。對于你寫新的網(wǎng)頁來說,使用 XHTML 1.0 還是一個不錯的選擇。
--> XHTML 1.1 標(biāo)準(zhǔn)要求瀏覽器不再支持原先的容錯能力,這是一個標(biāo)準(zhǔn)制定者走火入魔的典型例子,這個標(biāo)準(zhǔn)從學(xué)術(shù)上說非常純凈,但是對于瀏覽器而言,則是個呆板、笨拙、不 可理喻的標(biāo)準(zhǔn)。所以目前所有由人類開發(fā)的瀏覽器都沒有遵照所謂純凈的 XHTML 1.1的標(biāo)準(zhǔn),你的代碼只要瀏覽器能讀懂,他都會很好的顯示出來,而不跳出彈框報錯。
從發(fā)展的趨勢來看,一個標(biāo)準(zhǔn)沒有瀏覽器服從,等于是沒有意義的標(biāo)準(zhǔn) --> 。從瀏覽器的實現(xiàn)角度來看,新的協(xié)議只能在原來 HTML 的基礎(chǔ)上擴大能力增加容錯,而不能縮小了能力減少容錯。所以新的協(xié)議中 --> ,只有擴大能力增加容錯的部分會被采納,而其他部分都僅僅 --> 是紙上談兵而已 --> 。
.