主頁 > 知識庫 > 何為XHTML??

何為XHTML??

熱門標(biāo)簽:中國地圖標(biāo)注各省份 山西旅游景地圖標(biāo)注 上古卷軸5地圖標(biāo)注mod 武漢人工外呼系統(tǒng) 蘇州通信外呼系統(tǒng)多少錢 沈陽智能外呼系統(tǒng)排名 荒野大鏢客2地圖標(biāo)注怎么變中文 北川縣地圖標(biāo)注 移動400辦理電話
前言:
  現(xiàn)在都講究標(biāo)準(zhǔn)建站,而標(biāo)準(zhǔn)建站使用的技術(shù)主要是XHTML+CSS,而現(xiàn)在我們普遍使用的是HTML代碼,那么我該如何轉(zhuǎn)換呢?以及HTML和XHTML有什么不同呢?在這個教程里,你將學(xué)到HTML和XHTML之間的不同,以及如何將HTML轉(zhuǎn)換為XHTML。畢竟XHTML是發(fā)展的方向,所以我覺得該教程有必要在本站上發(fā)布。我感覺要是你想使用標(biāo)準(zhǔn)還是最好先學(xué)HTML,因為比較簡單,然后再來看該教程。同時這也是我曾發(fā)表過的WEB標(biāo)準(zhǔn) XHTMLCSS的延續(xù)。

  XHTML介紹:
  XHTML是 EXtensible HyperText Markup Language(可擴展超文本標(biāo)記語言) 的英文縮寫,而HTML則是 HyperText Markup Language(超文本標(biāo)記語言) ,這是名字的不同。其實我們說得標(biāo)準(zhǔn)應(yīng)該是XML,那為什么要學(xué)習(xí)XHTML呢?因為現(xiàn)在的HTML代碼煩瑣,危機四伏,但是XML使用環(huán)境還不成熟,所以推出了一個過度的產(chǎn)品就是XHTML,它起著呈上起下的作用。也有人認(rèn)為XHTML是HTML的一個升級版本,其實也是正確的,我的理解是XHTML把HTML做得更加規(guī)范的一個標(biāo)記語言,使HTML變得功能強大,減少了代碼的煩瑣尤其是表格。
  XHTML是在2000年1月26日被國際標(biāo)準(zhǔn)組織機構(gòu)W3C(World Wide web Consortium)定為一個標(biāo)準(zhǔn)的,認(rèn)為是HTML的一個最新版本,并且將逐漸替換HTML?,F(xiàn)在所有的瀏覽器都支持XHTML,XHTML兼容 HTML 4.0。也有人認(rèn)為XHTML就是HTML4.01。如果你在學(xué)習(xí)過程中自己編寫了一個符合標(biāo)準(zhǔn)的站,你可以通過W3C的驗證,驗證通過后你將會得到一個標(biāo)志,通常是XHTML1.0認(rèn)證和CSS驗證。我也不清楚目前國內(nèi)有多少個網(wǎng)站同時通過了這兩個驗證。大家可以去http://www.w3.org/這個站點去驗證你的站,如果符合那兩個規(guī)則則會分別給我們兩段代碼加到你的網(wǎng)頁上向別人展示說明你采用了標(biāo)準(zhǔn)建站啊,牛?。?br>
  為什么我們使用XHTML 
  XHTML是HTML升級為XML的過度產(chǎn)品,被定為一個標(biāo)準(zhǔn),XHTML完全兼容HTML4.01,并且具有XML的語法。下面我們來看一個含有錯誤代碼的HTML,如下:
html>
  head>
  title>This is bad HTML/title>
  body>
  h1>Bad HTML
  /body> 
  雖然含有錯誤代碼,但是當(dāng)我們在瀏覽器中瀏覽時還能正常顯示。XML是一個標(biāo)記語言,但是它要求在網(wǎng)頁中出現(xiàn)的任何元素都應(yīng)該被標(biāo)記出來,XML是用來描述網(wǎng)頁中的數(shù)據(jù)的,而HTML用來顯示網(wǎng)頁中的元素的。目前我們上網(wǎng)使用的各種瀏覽器技術(shù),包括手提電腦、手機上網(wǎng)瀏覽等等,都要求瀏覽的一些內(nèi)容都要被正確標(biāo)記,如果有錯誤的標(biāo)記可能會使顯示特別混亂、甚至不能正常顯示。
  因此聯(lián)合 HTML 和XML , 還有其他的一些技術(shù),我們得到了一種現(xiàn)在有用的而且在將來也有用的語言 - XHTML。
  當(dāng)在將來都規(guī)范的時候我們就要用的 XHTML 正確格式的標(biāo)記了,使所有的瀏覽器都能正確的執(zhí)行,所以我們現(xiàn)在有必要開始學(xué)習(xí)XHTML了。

  XHTML和HTML之間的區(qū)別:
  XHTML是一項新技術(shù),在瀏覽器和一些其他的軟件都支持它之前,我們應(yīng)該有必要熟悉一下這項技術(shù)。為了我們更好的學(xué)習(xí)XHTML之前我們應(yīng)該熟悉一下HTML4.0,我們可以去下載一個參考手冊來熟悉一下。以便于我們學(xué)起XHTML來更簡單,換句話說我們現(xiàn)在使用HTML編寫代碼時應(yīng)該盡力少寫錯誤代碼,如:都要使用小寫的字符來編寫HTML,每個標(biāo)記之后都要加上標(biāo)記的結(jié)束如:p>網(wǎng)頁教學(xué)網(wǎng)歡迎您的光臨/p> 結(jié)束一定要有,我們要保持這種規(guī)則。
  它們之間最大的區(qū)別在于:
  1.XHTML 元素一定要被正確的嵌套使用。
  在HTML里一些元素可以不正確嵌套也能正常顯示,如:
  b>i>This text is bold and italic/b>/i> 
  而在XHTML必須要正確嵌套之后才能正常使用,如:
  b>i>This text is bold and italic/i>/b>
  注意:這個錯誤通常發(fā)生在當(dāng)嵌套多層之后的標(biāo)簽里面。如:
  ul>
   li>Coffee/li>
   li>Tea
   ul>
    li>Black tea/li>
    li>Green tea/li>
   /ul>
   li>Milk/li>
  /ul>
  正確的應(yīng)該是:
  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)簽。
  XHTML 文件一定要有正確的組織格式。
  所有的XHTML應(yīng)該正確的被嵌套在以html>開始以/html>結(jié)束的元素里面,其他的元素可以有子元素,并且子元素也要被正確的嵌套在他們的父元素內(nèi)。如:
html>
  head> ... /head>
  body> ... /body>
  /html> 
  標(biāo)簽名字一定要用小寫字母。
  因為 XHTML文檔是XML應(yīng)用程序, XML 對大小寫是敏感的。象 br> 和 BR> 是兩個不同的標(biāo)記。如錯誤代碼:
  BODY>
  P>This is a paragraph/P>
  /BODY> 
  正確格式為:
  body>
  p>This is a paragraph/p>
  /body>
  所有的 XHTML 元素一定要關(guān)閉
  不能有沒有關(guān)閉的空的元素存在我們的代碼中,其實對于這點我們是比較好結(jié)束的,有開始就應(yīng)該有結(jié)束嗎?例如錯誤代碼:
  p>This is a paragraph
  p>This is another paragraph
  正確的為:
  p>This is a paragraph/p>
  p>This is another paragraph/p>
  獨立的一個標(biāo)簽我們也要結(jié)束用 />來結(jié)束。
  例如:錯誤代碼
  This is a breakbr>
  Here comes a horizontal rule:hr>
  Here's an image img src="happy.gif" alt="Happy face">
  正確代碼:
  This is a breakbr />
  Here comes a horizontal rule:hr />
  Here's an image img src="happy.gif" alt="Happy face" />
  通過上面的幾個例子我們基本上看出了HTML和XHTML之間的不同,那么我們應(yīng)該從現(xiàn)在起應(yīng)該試著改變我們現(xiàn)在的HTML,例如都使用小寫的標(biāo)記、在標(biāo)記之后加上結(jié)束標(biāo)記的符號 />。

  XHTML 的語法
  簡單的說寫 XHTML 要用干凈的 HTML 語法。
  XHTML的一些其他語法要求:
  屬性名字必須小寫。如:
  錯誤代碼:
  table WIDTH="100%">
  正確的代碼:
  table width="100%"> 
  屬性值必須要被引用。如:
  錯誤的代碼:
  table width=100%>
  正確的代碼:
  table width="100%"> 
  屬性的縮寫被禁止。如:
  錯誤的代碼:
  dl compact>
  input checked>
  input readonly>
  input disabled>
  option selected>
  frame noresize>
  正確的代碼:
  dl compact="compact">
  input checked="checked" />
  input readonly="readonly" />
  input disabled="disabled" />
  option selected="selected" />
  frame noresize="noresize" />
  列出一個表讓大家知道:
  HTML          XHTML 
  compact       compact="compact" 
  checked       checked="checked" 
  declare       declare="declare" 
  readonly       readonly="readonly" 
  disabled       disabled="disabled" 
  selected      selected="selected" 
  defer        defer="defer" 
  ismap        ismap="ismap" 
  nohref       nohref="nohref" 
  noshade       noshade="noshade" 
  nowrap       nowrap="nowrap" 
  multiple      multiple="multiple" 
  noresize      noresize="noresize" 

  用id屬性代替name屬性。如:
  HTML 4.01 中為a,applet, frame, iframe, img 和 map定義了一個name屬性.在 XHTML 里name屬性是不能被使用的,應(yīng)該用id 來替換它。如:
  錯誤代碼:
  img src="picture.gif" name="picture1" /> 
正確的代碼:
  img src="picture.gif" id="picture1" /> 
  注意:我們?yōu)榱耸古f瀏覽器也能正常的執(zhí)行該內(nèi)容我們也可以在標(biāo)簽中同時使用id和name屬性。如:
  img src="picture.gif" id="picture1" name="picture1" /> 
  為了適應(yīng)新的瀏覽器瀏覽我們在上述代碼中的最后我加了/來結(jié)束標(biāo)簽。

XHTML DTD定義文檔的類型?! ?BR>在XHTML中我們必須聲明文檔的類型,以便于瀏覽器知道你的文檔是什么類型的,而且聲明部分要加在文檔的head之前。如:
  !DOCTYPE Doctype goes here>
  html xmlns="http://www.w3.org/1999/xhtml">
  head>
  title>Title goes here/title>
  /head>body>
  Body text goes here
  /body>/html>
  注:DOCTYPE聲明不是 XHTML 文檔的一部分,它也不是文檔的一個元素,所以我們沒必要加上結(jié)束標(biāo)簽。
  注:XHTML屬性都是在html>標(biāo)簽里面。然而當(dāng)我們在w3.org驗證時,并不解釋我們的文檔有沒有聲明類型。這是因為"xmlns=http://www.w3.org/1999/xhtml"是一個固定的值,如果你沒聲明的話,它也會被自動的加到html>標(biāo)簽前。
  我們使用DOCTYPE時的基本機構(gòu):
  !DOCTYPE ...>
  html>
  head>
  title>... /title>
  /head>
  body> ... /body>
  /html> 
  DOCTYPE是document type(文檔類型)的簡寫,用來說明你用的XHTML或者HTML是什么版本。
  其中的DTD(例如xhtml1-transitional.dtd)叫文檔類型定義,里面包含了文檔的規(guī)則,瀏覽器就根據(jù)你定義的DTD來解釋你頁面的標(biāo)識,并展現(xiàn)出來。
  要建立符合標(biāo)準(zhǔn)的網(wǎng)頁,DOCTYPE聲明是必不可少的關(guān)鍵組成部分;除非你的XHTML確定了一個正確的DOCTYPE,否則你的標(biāo)識和CSS都不會生效。

  XHTML 1.0 提供了三種DTD聲明可供選擇:

  過渡的(Transitional):要求非常寬松的DTD,它允許你繼續(xù)使用HTML4.01的標(biāo)識(但是要符合xhtml的寫法)。完整代碼如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  嚴(yán)格的(Strict):要求嚴(yán)格的DTD,你不能使用任何表現(xiàn)層的標(biāo)識和屬性,完整代碼如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  框架的(Frameset):專門針對框架頁面設(shè)計使用的DTD,如果你的頁面中包含有框架,需要采用這種DTD。完整代碼如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

  如何轉(zhuǎn)換現(xiàn)有的結(jié)構(gòu)為XHTML  
我們選擇什么樣的DOCTYPE?理想情況當(dāng)然是嚴(yán)格的DTD,但對于我們大多數(shù)剛接觸web標(biāo)準(zhǔn)的設(shè)計師來說,過渡的DTD(XHTML 1.0 Transitional)是目前理想選擇(包括本站,使用的也是過渡型DTD)。因為這種DTD還允許我們使用表現(xiàn)層的標(biāo)識、元素和屬性,也比較容易通過W3C的代碼校驗。
  我們從現(xiàn)在的HTML轉(zhuǎn)換為XHTML注意以下幾點: 
 一、在每個頁面的首部都加上文檔類型的說明。如:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">當(dāng)然可以選擇其他類型的。
  二、標(biāo)記和name 要都用小寫?! ?BR>三、所有的屬性值都要用引號引起來。
  四、單獨的標(biāo)簽,如: hr> , br> and img>,都要在后面加/來結(jié)束。
在這里不建議使用諸如:img>和/img>形式的方式,直接在其后面加/就可以了,如br />。
  五、通過W3C 驗證。進入W3C DTD 的官方網(wǎng)站:http://validator.w3.org/check/referer,驗證時會顯示錯誤。也可以用官方網(wǎng)站提供的工具tidy來實現(xiàn)轉(zhuǎn)換:http://www.w3.org/People/Raggett/tidy/

  XHTML的模塊化
為什么要模塊化設(shè)計XHTML呢?XHTML雖然簡單,但是它的內(nèi)容很多,包括了一個網(wǎng)絡(luò)設(shè)計師需要的絕大多數(shù)功能。XHTML一方面內(nèi)容繁多復(fù)雜,但是從另一個角度來看它卻是非常簡單的。為了將XHTML分割成小的模塊,W3C已經(jīng)建立起了小型的已經(jīng)定義好了的一系列XHTML元素,他們獨立的能被與其他XML標(biāo)準(zhǔn)合并成的大型的更復(fù)雜的程序的簡單設(shè)備所使用。

  通過XHTML模型,程序設(shè)計師能夠做如下的事情:

  1.選擇那些能夠被使用XHTML構(gòu)建塊標(biāo)準(zhǔn)的設(shè)備所支持的元素。
  2.在遵循XHTML標(biāo)準(zhǔn)的同時使用XML可以對XHTML擴展。
  3.簡單化的XHTML可以應(yīng)用于像掌上電腦、移動電話、電視和家用電器等設(shè)備。
  4.通過加入心的XML功能(像聲音、多媒體的)將XHTML延續(xù)到復(fù)雜程序的設(shè)計上。
  5.像XHTML基本(XHTML對于移動設(shè)備的一個子集)那樣來定義XHTML的輪廓。


*表示不贊成應(yīng)用到XHTML中

標(biāo)簽:東莞 南充 濱州 喀什 海東 邯鄲 陽泉 遼源

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《何為XHTML??》,本文關(guān)鍵詞  何為,XHTML,何為,XHTML,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《何為XHTML??》相關(guān)的同類信息!
  • 本頁收集關(guān)于何為XHTML??的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章