HTML-XHTML

HTML - XHTML

XHTML 是以 XML 格式撰寫的 HTML。

什麼是XHTML?

XHTML 指的是可擴展超文本標記語言

XHTML 與HTML 4.01 幾乎是相同的

#XHTML 是更嚴格更純淨的HTML 版本

XHTML 是以XML 應用的方式定義的HTML

XHTML 是 2001 年1 月發布的W3C 建議標準

XHTML 得到所有主流瀏覽器的支援

為什麼使用XHTML?

網際網路上的許多頁麵包含了"糟糕"的HTML。

如果在瀏覽器中查看,下面的HTML 程式碼運行起來非常正常(即使它並未遵守HTML 規則):

<html><head><meta charset= "utf-8"><title>這是不規範的HTML</title><body><h1>不規範的HTML<p>這是段落</body>

#XML 是一種必須正確標記且格式良好的標記語言。

如果希望學習 XML,請閱讀我們的 XML 教學。

今日的科技界存在著一些不同的瀏覽器技術。其中一些在電腦上運行,而另一些可能在行動電話或其他小型設備上運行。小型設備往往缺乏解釋"糟糕"的標記語言的資源和能力。

所以 - 透過結合 XML 和 HTML 的長處,發展出了 XHTML。 XHTML 是作為 XML 重新設計的 HTML。

與HTML 相比最重要的差異:

文件結構

XHTML DOCTYPE 是強制性的

<html> 中的XML namespace 屬性是強制性的

<html>、<head>、<title> 以及<body> 也是強制性的

元素語法

#XHTML 元素必須正確巢狀

XHTML 元素必須始終關閉

XHTML 元素必須小寫

XHTML 文件必須有一個根元素

屬性語法

#XHTML 屬性必須使用小寫

XHTML 屬性值必須用引號包圍

XHTML 屬性最小化也是禁止的

<!DOCTYPE ....>是強制性的

XHTML 文件必須進行XHTML 文件類型宣告(XHTML DOCTYPE declaration)。

您可以在菜鳥教學的標籤參考手冊中找到完整的 XHTML 文件類型。

<html>, <head>, <title>, and <body> 元素也必須存在,並且必須使用 <html> 中的 xmlns 屬性為文件規定 xml 命名空間。

XHTML 元素必須合理巢狀

在 HTML 中,有些元素可以不互相嵌套,像這樣:

<b><i>粗體和斜體文字</b></i>

在XHTML 中,所有的元素都必須互相合理地嵌套,像這樣:

<b><i>粗體與斜體文字</i></b>

XHTML 元素必須有關閉標籤

#錯誤範例:

<p>這是一個段落<p>這是另一個段落

#正確範例:

<p>這是一個段落</p><p>這是另一個段落</p>

空白元素必須包含關閉標籤

##錯誤範例:

分行:<br>水平線: <hr>圖片: <img src="happy.gif" alt="Happy face">

#正確範例:

#分行:<br />水平線: <hr />圖片: <img src="happy.gif" alt="Happy face" />

XHTML 元素必須是小寫

錯誤範例:

<BODY><P>這是一個段落</P></BODY>

正確範例:

<body><p>這是段落</p></body>

屬性名稱必須是小寫

錯誤範例:

<table WIDTH="100%">

#正確範例:

<table width="100%">

屬性值必須有引號

錯誤範例:#<table width=100%>

正確範例:

<table width="100%">

不允許屬性簡寫

錯誤範例:

<input checked><input readonly> <input disabled><option selected>

正確範例:

<input checked="checked"><input readonly="readonly"><input disabled= "disabled"><option selected="selected">

#############如何將HTML 轉換為XHTML##########新增一個XHTML <!DOCTYPE> 到你的網頁中 ######加入xmlns 屬性加入到每個頁面的html元素中。 ######改變所有的元素為小寫######關閉所有的空元素######修改所有的屬性名稱為小寫######所有屬性值加上引號### ##########
繼續學習
||
<html> <meta charset="utf-8"> <body> hello xhtml </body> </html>