前言：
現在都講究標準建站，而標準建站使用的技術主要是XHTML+CSS，而現在我們普遍使用的是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驗證。我也不清楚目前國內有多少個網站同時通過了這兩個驗證。大家可以去http://www.w3.org/ 這個站點去驗證你的站，如果符合那兩個規則則會分別給我們兩段代碼加到你的網頁上向別人展示說明你采用了標準建站啊，牛啊！
為什么我們使用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="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" />
通過上面的幾個例子我們基本上看出了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"
新聞熱點
疑難解答
