XHTML/XHTML 文件
所有 XHTML 文件都遵循文件佈局的最小模式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<!DOCTYPE> 標籤是文件型別定義(在上一章中描述),它標識正在使用的標準。
<html>...</html> 標籤對是指定 XHTML 文件的根標籤。它需要兩個標籤:xmlns 是名稱空間標籤,它重新宣告標準的特定上下文,通常是 W3 規範的 URL。xml:lang 標籤指定文件的語言。
<head>
<title>My Document's title</title>
</head>
文件的 <head> 標籤對涉及文件的元資料。它必須包含用 <title 標籤括起來的文件標題。
<body>
<p>Hello World!</p>
</body>
<body> 標籤對指示 XHTML 文件的主要內容。在這個標籤內,它包含其他子標籤來指示段落和其他向用戶呈現的格式資訊。
在 html 文件的主體中,內容被分成一個離散的結構。最常見的分離形式涉及 <p> 標籤對,它將一段文字標記為段落。段落是一段文字,也可能包含引用、列表或其他包含在巢狀標籤中的元件。但是,它不直接包含另一個段落。
文字的標題由從 <h1> 到 <h6> 的編號系列標識。它們也可以由 <h> 標籤對識別,與 <section> 標籤對結合使用;部分可能包含其他標題或段落。
可以使用 <div 建立文件的額外結構。此標籤對用於幫助文件內的佈局,並且容器內可能包含其他段落或標題。
要分隔文件的兩個部分,<separator /> 放在兩個段落或元素之間。
<address>用於標記聯絡資訊,通常使用href屬性。<blockcode>用於標記程式碼塊,其中空格佈局很重要。<blockquote>用於識別大引用。<pre>用於識別預格式化的文字。
文字中的文字集可能具有標籤來描述文字的修飾符。
| 元素 | 描述 |
|---|---|
| <a [href="(連結)" | id="#標籤"] > | 定義顯式連結或標籤位置的錨點。在 XHTML 中,href 和 id 屬性幾乎可以放置在任何所需標籤上。 |
| <abbr full="#標籤"> | 定義縮寫。full 屬性引用與縮寫相同文件中的 id。 |
| <cite cite="(來源)"> | 提供引用,其中 cite 屬性引用源材料。 |
| <code> | 指代計算機程式碼。 |
| <dfn> | 指代定義 |
| <em> | 強調文字,例如斜體。比 <strong> 重要性低。 |
| <kbd> | 指代使用者輸入。 |
| <l> | 指代一行文字。 |
| <q> | 指代引用的文字,但不新增引號。可以使用 cite 屬性。 |
| <samp> | 指代計算機程式的示例輸出。 |
| <span> | 用於樣式的通用容器。 |
| <strong> | 強調文字,例如粗體。比 <em> 重要性高。 |
| <sub> | 表示下標。 |
| <sup> | 表示上標。 |
| <var> | 表示計算機程式中的變數。 |
| 外部列表標籤 | 內部列表標籤 | 描述 |
|---|---|---|
| <ol> | <li> | 有序列表。<li> 可以包含 value 屬性。 |
| <ul> | <li> | 無序列表。 |
| <dl> | <di> | 定義列表。 |
| <dl> 或 <di> | <dt> | 要定義的詞語。可以多次出現,表示不同的拼寫。 |
| <dl> 或 <di> | <dd> | 詞語的定義。可以多次出現,表示不同的定義。 |
| <nl> | <li> | 導航列表中的條目。 |
| <nl> | <label> | 導航列表的標籤。標籤可能出現在其他型別的列表中。 |
超連結在 XHTML 中的工作方式與 HTML 相同。href 屬性被新增到錨點元素
<a href="http://www.example.com/">Example</a>
在 XHTML 2.0 中,超連結可以直接放置在任何元素上,而無需錨點標籤。因此,影像等元素可以用於超連結。
一種更高階的超連結形式涉及導航地圖。這需要一個元素來使用影像,幷包含 usemap 屬性來引用導航地圖的 id。在導航列表中,還有兩個額外的屬性可以使用:shape 和 coords。座標用逗號分隔。
| 形狀 | 描述 | 座標 |
|---|---|---|
| 預設 | 指定整個區域。 | N/A |
| 矩形 | 指定矩形,有兩個角。 | 兩個 X-Y 座標對。 |
| 圓形 | 指定給定半徑的圓形。 | 一個 X-Y 對和一個半徑。 |
| 多邊形 | 指定任意形狀。 | 多個 X-Y 對勾勒出多邊形。 |
在導航列表中,如果導航列表中的專案與導航地圖中的另一個條目重疊,則最先出現的專案具有優先順序。此外,不包含 href 屬性的導航列表將處於非活動狀態。
如果在影像屬性上使用 ismap="ismap",則影像地圖將被視為伺服器端地圖。客戶端將自動將座標附加到傳送到伺服器的 URL 上此形式的地圖(或者如果他們無法做到這一點,則附加“0,0”。)
表格是在 XHTML 文件中使用 <table> 標籤對建立的。表格是一個顯示的單元格網格。
在表格中,<colgroup> 和 <col> 標籤用於將格式或類指定到一組列。這兩個標籤允許 span 屬性,這將導致給定列的單元格獲得特定格式(如背景顏色或樣式表)。
<summary> 標籤對用於提供表格的摘要。這通常是關於表格的標題,例如關於表格本身的簡要描述。
<tbody> 標籤對標識表格的主體。它將包含稍後將描述的行和單元格標籤。
<tr> 標籤對標識表格中的行。此標籤的每一對都將包含單元格定義,無論它們是標題單元格還是內容單元格。
<td> 標籤對標識表格中的單元格。<th> 標籤對標識表格中的單元格,該單元格被視為標題並被強調。單元格可以使用 colspan 或 rowspan 屬性跨越多個列或行。某些單元格可能需要使用縮寫,這可以透過使用 abbr 屬性來完成。
<thead> 標籤對標識表格的標題。
<tfoot> 標籤對標識表格的頁尾。
樣式表描述瞭如何渲染 XHTML 文件。樣式表不是 XHTML 標準的直接部分,但對於確定文件的佈局或顯示非常重要。
它們使用空 <style 標籤宣告,並使用 src 屬性指定文件源,使用 type 指定樣式表型別(通常為“text/css”)。內聯樣式表省略了 src 屬性,並在主元素中包含受影響的文字。
外部樣式表也可以透過使用<?xml-stylesheet ?>來包含,其中href和type顯示樣式表的來源和型別。
如果需要,可以使用style屬性將樣式直接包含在 HTML 元素中。
<head>標籤對包含了文件的初始描述。除了基本標題之外,文件的這一部分還包含用於對文件進行分類的元資料。
元資料可以使用以下屬性:
| 屬性 | 描述 |
|---|---|
| about | 頁面 about URL。 |
| content | 指定相關內容的元資料。預設情況下,它使用標籤中的內容。 |
| datatype | |
| rel | 與 about 一起使用;指定關係。 |
| property | 標識 XHTML 文件中的屬性(見下文) |
元資料還提供描述文件中附加資訊的屬性。當 property 屬性設定為以下表格中的條目時,它具有以下效果或結果
| 屬性 | 描述 |
|---|---|
| description | 提供資源的描述。 |
| generator | 標識用於編寫資源的軟體。 |
| keywords | 用於搜尋引擎的逗號分隔關鍵字列表。 |
| reference | |
| robots | 建議機器人行為;特定於網路爬蟲。 |
| title | 指定資源的標題。 |
在 head 標籤中,您可以包含超連結以提供有關下一個和上一個文件的資訊。這透過使用一個空的<link標籤來完成,其中使用href和rel屬性。