DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> XML學習教程 >> XML詳解 >> WAP標記語言XHTML基礎教程之XHTML簡介
WAP標記語言XHTML基礎教程之XHTML簡介
編輯:XML詳解     

現在都講究標准建浏覽,而標准建站使用的技術主要是XHtml+浏覽,而現在我們普遍使用的是HTML代碼,那麼我該如何轉換呢?以及HTML 和XHTML有什麼不同呢?在這個教程裡,你將學到HTML和XHTML之間的不同,以及如何將HTML轉換為XHTML。畢竟XHTML是發展的方向,所以我覺得該教程有必要在本站上發布。我感覺要是你想使用標准還是最好先學Html,因為比較簡單,然後再來看該教程。

  XHtml介紹:

  XHTML是 EXtensible HyperText Markup Language(可擴展超文本標記語言) 的英文縮寫,而HTML則是 HyperText Markup Language(超文本標記語言) ,這是名字的不同。其實我們說得標准應該是XML,那為什麼要學習XHTML呢?因為現在的HTML代碼煩瑣,危機四伏,但是XML使用環境還不成熟,所以推出了一個過度的產品就是XHTML,它起著呈上起下的作用。也有人認為XHTML是HTML的一個升級版本,其實也是正確的,我的理解是XHTML把 HTML做得更加規范的一個標記語言,使Html變得功能強大,減少了代碼的煩瑣尤其是表格。

  XHTML是在2000年1月26日被國際標准組織機構W3C(World Wide web Consortium)定為一個標准的,認為是HTML的一個最新版本,並且將逐漸替換Html。現在所有的浏覽器都支持XHTML,XHTML兼容 HTML 4.0。也有人認為XHTML就是HTML4.01。如果你在學習過程中自己編寫了一個符合標准的站,你可以通過W3C的驗證,驗證通過後你將會得到一個標志,通常是XHtml1.0浏覽和CSS驗證。我也不清楚目前國內有多少個網站同時通過了這兩個驗證。大家可以去浏覽 這個站點去驗證你的站,如果符合那兩個規則則會分別給我們兩段代碼加到你的網頁上向別人展示說明你采用了標准建站啊,牛啊!

  為什麼我們使用XHtml

  XHTML是HTML升級為XML的過度產品,被定為一個標准,XHTML完全兼容HTML4.01,並且具有XML的語法。下面我們來看一個含有錯誤代碼的Html,如下:

  <Html>

  <head>

  <title>This is bad Html</title>

  <body>

  <h1>Bad Html

  </body>

  雖然含有錯誤代碼,但是當我們在浏覽器中浏覽時還能正常顯示。XML是一個標記語言,但是它要求在網頁中出現的任何元素都應該被標記出來, XML是用來描述網頁中的數據的,而Html用來顯示網頁中的元素的。目前我們上網使用的各種浏覽器技術,包括手提電腦、手機上網浏覽等等,都要求浏覽的一些內容都要被正確標記,如果有錯誤的標記可能會使顯示特別混亂、甚至不能正常顯示。

  因此聯合 HTML 和XML , 還有其他的一些技術,我們得到了一種現在有用的而且在將來也有用的語言 - XHtml。

  XHTML和Html之間的區別:

  XHtml是一項新技術,在浏覽器和一些其他的浏覽都支持它之前,我們應該有必要熟悉一下這項技術。為了我們更好的學習XHTML之前我們應該熟悉一下Html4.0,我們可以去浏覽一個參考手冊來熟悉一下。以便於我們學起XHTML來更簡單,換句話說我們現在使用HTML編寫代碼時應該盡力少寫錯誤代碼,如:都要使用小寫的字符來編寫Html,每個標記之後都要加上標記的結束如:<p>網頁教學網歡迎您的光臨</p> 結束一定要有,我們要保持這種規則。

  它們之間最大的區別在於:

  1.XHtml 元素一定要被正確的嵌套使用。

  在Html裡一些元素可以不正確嵌套也能正常顯示,如:

  <b><i>This text is bold and italic</b></i>

  而在XHtml必須要正確嵌套之後才能正常使用,如:

  <b><i>This text is bold and italic</i></b>

  注意:這個錯誤通常發生在當嵌套多層之後的標簽裡面。如:

  <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> 標簽。

  XHtml 文件一定要有正確的組織格式。

  所有的XHTML應該正確的被嵌套在以<html>開始以</Html>結束的元素裡面,其他的元素可以有子元素,並且子元素也要被正確的嵌套在他們的父元素內。如:

  <Html>

  <head> ... </head>

  <body> ... </body>

  </Html>

  標簽名字一定要用小寫字母。

  因為 XHtml文檔是XML應用程序, XML 對大小寫是敏感的。象 <br> 和 <BR> 是兩個不同的標記。如錯誤代碼:

  <BODY>

  <P>This is a paragraph</P>

  </BODY>

  正確格式為:

  <body>

  <p>This is a paragraph</p>

  </body>

  所有的 XHtml 元素一定要關閉

  不能有沒有關閉的空的元素存在我們的代碼中,其實對於這點我們是比較好結束的,有開始就應該有結束嗎?例如錯誤代碼:

  <p>This is a paragraph

  <p>This is another paragraph

  正確的為:

  <p>This is a paragraph</p>

  <p>This is another paragraph</p>

  獨立的一個標簽我們也要結束用 />來結束。

  例如:錯誤代碼

  This is a break<br>

  Here comes a horizontal rule:<hr>

  Here's an image <img src="/School/UploadFiles_7810/201104/20110413072637723.gif" alt="Happy face">

  正確代碼:

  This is a break<br />

  Here comes a horizontal rule:<hr />

  Here's an image <img src="/School/UploadFiles_7810/201104/20110413072637723.gif" alt="Happy face" />

  通過上面的幾個例子我們基本上看出了HTML和XHTML之間的不同,那麼我們應該從現在起應該試著改變我們現在的Html,例如都使用小寫的標記、在標記之後加上結束標記的符號 />。

當在將來都規范的時候我們就要用的 XHTML 正確格式的標記了,使所有的浏覽器都能正確的執行,所以我們現在有必要開始學習XHtml了。

  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屬性是不能被使用的,應該用id 來替換它。如:

  錯誤代碼:

  <img src="/School/UploadFiles_7810/201104/20110413072637988.gif" name="picture1" />

正確的代碼:

  <img src="/School/UploadFiles_7810/201104/20110413072637988.gif" id="picture1" />

  注意:我們為了使舊浏覽器也能正常的執行該內容我們也可以在標簽中同時使用id和name屬性。如:

  <img src="/School/UploadFiles_7810/201104/20110413072637988.gif" id="picture1" name="picture1" />

  為了適應新的浏覽器浏覽我們在上述代碼中的最後我加了/來結束標簽。

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved