XHTML入門教程

來源:文萃谷 1.12W

XHTML是W3C推薦的一種標準,它定義了一種與XML兼容的HTML版本。XHTML文檔是一個有效的XML文檔,所以編寫格式比HTML嚴格。

XHTML入門教程

XHTML是W3C推薦的一種標準,它定義了一種與XML兼容的HTML版本。XHTML文檔是一個有效的XML文檔,所以編寫格式比HTML嚴格。如果需從HTML文檔轉換成XHTML文檔,需作以下更改:

本文由()整理髮布!轉載請註明出處,謝謝!

在XHTML中不允許省略結束標籤,所以需補齊缺少的標籤。

元素需按正確的順序嵌套。

所有元素和屬性的名稱都採用小寫。

屬性值需添加引號,如

所有屬性都需有屬性值。

採用&和<等的實體形式表示這些字符。

確保文檔有單一根元素,最好用html。

這樣的空元素要改成

註釋應由 註釋>的形式改成。

文檔編碼應採用UTF-8或UTF-16,或者添加XML聲明指定文檔的編碼方式。

需去掉非標準的元素。如:marguee。

添加一個DOCTYPE聲明,用PUBLIC來指向XHTML的三種DTD中的一種。分別是Strict、Transitional和Frameset,一般使用Strict。

Strict(嚴格型),W3C推薦的XHTML形式。不包括一些非標準的元素和屬性,如applet和center等。聲明方式如下:

Transitional(過渡型),一種不太嚴格的XHTML格式,可使用一些非標準的元素和屬性,如applet和bgcolor等。聲明方式如下:

Frameset(框架型),與過渡型DTD類似,允許使用與框架相關的元素,如frameset和iframe。聲明方式如下:

文檔的根元素必須具有xmlns屬性,標識缺省的名稱空間提。

下面是一個標準的XHTML文檔的示例

...

由HTML轉到XHTML是一種枯燥而乏味的工作,現在有一種叫tidy的開源工具可幫我們完成大部份的工作,它是一個C程序,使用方法如下:

% tidy --output-xhtml yes

XHTML 1.1把XHTML的三種DTD分成獨立模塊。我們可根據實際情況包含或省去某些模塊。這些模塊是:本文由()整理髮布!轉載請註明出處,謝謝!

Structure Module(結構模塊)--->%le;,包含HTML文檔主要的元素,如:html、head、title和body。

Text Module(文本模塊)--->%le;,包含文本的基本元素和其內聯元素,如:h1、h2、...、strong、span等。

Hypertext Module(超鏈接模塊)--->%le;,包含用於鏈接的元素,如:a元素。

List Module(列表模塊)--->%le;,包含用於列表的元素,如:dl、dt、dd、ul、ol和li。

Applet Module(applet模塊)--->%le;,Java所需要元素,如:applet和param。

Presentation Module(表示模塊)--->%le;,面向表示的標記:b、big、hr、I、small、sub、sup和tt。

Edit Module(編輯模塊)--->%le;,用於修正的元素,如:del和ins。

Bidirectional Text Module(文本方向模塊)--->%le;,用於指定文本閲讀的`方向,如bdo元素。

Basic Forms Module(基本表單模塊)--->%le;,用於HTML 3.2的表單元素,如:form、input、select、option和textarea。

Forms Module(表單模塊)--->%le;,用於HTML 4.0的表單元素,如:form、input、select、option、textarea、button、fieldset、label、legend和optgroup。

Basic Tables Module(基本表格模塊)--->%le;,基本的表格元素,如:table、caption、th、tr和td。

Table Module(表格模塊)--->%le;,安全功能的表格支持,如:table、caption、th、tr、td、col、colgroup、tbody、thead和tfoot。

Image Module(圖像模塊)--->%le;,包含img元素。

Client-side Image Map Module(客户端圖像映像模塊)--->%le;,包含map和area元素以及支持客户端圖像映像所需要的元素的屬性。

Server-side-Image Map Module(服務器端圖像映像模塊)--->%le;,該模塊沒有添加新元素,但對img元素添加了一個ismap屬性。

Object Module(對象模塊)--->%le;,用於在網頁中嵌入可執行內容,如:java程序。

Param Module(參數模塊)--->%le;,網頁中可執行內容中傳遞參數的param元素。

Frames Module(框架模塊)--->%le;,包含實現框架所需的元素,如:frame、frameset和noframes。

Iframe Module(內聯框架模塊)--->%le;,包含內聯框架的iframe元素。

Intrinsic Events(固有事件模塊)--->%le;,支持如onSubmit和onFocus等腳本的屬性。

Meta-information Module(元信息模塊)--->%le;,包含meta元素。

Scripting Module(腳本模塊)--->%le;,支持JavaScript等腳本。

Stylesheet Module(樣式表模塊)--->%le;,用於定義CSS的style元素。

Link Module(鏈接模塊)--->%le;,指定外部文件,如樣式表、庫等關係的link元素。

Base Modue(基模塊)--->%le;,包含base元素,指定解析相對URL所參照的基URL。

Target Module(目標模塊)--->%le;,用於指定目標框架或框架中某個窗口的target屬性。

Style Attribute Module(樣式屬性模塊)--->%le;,將CSS樣式應用於文檔中單個元素的style屬性。

Name Identification Module(名稱標識模塊)--->%le;,name屬性是id屬性的早期版本,現在不推薦使用。

Legacy Module(傳統模塊)--->%le;,不推薦使用的元素和屬性,如:basefont、center、fonts、strike和u元素。

Ruby Module(Ruby模塊)--->%le;,東亞文本中用於將少量文本放於正文文本旁邊的ruby、rbc、rtc、rb、rt和rp元素,一般用來指示發音。

熱門標籤