跳轉至內容

XHTML/XHTML 文件

25% developed
來自華夏公益教科書

基本 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 文件的主要內容。在這個標籤內,它包含其他子標籤來指示段落和其他向用戶呈現的格式資訊。

XHTML 結構

[編輯 | 編輯原始碼]

在 html 文件的主體中,內容被分成一個離散的結構。最常見的分離形式涉及 <p> 標籤對,它將一段文字標記為段落。段落是一段文字,也可能包含引用、列表或其他包含在巢狀標籤中的元件。但是,它不直接包含另一個段落。

文字的標題由從 <h1><h6> 的編號系列標識。它們也可以由 <h> 標籤對識別,與 <section> 標籤對結合使用;部分可能包含其他標題或段落。

可以使用 <div 建立文件的額外結構。此標籤對用於幫助文件內的佈局,並且容器內可能包含其他段落或標題。

要分隔文件的兩個部分,<separator /> 放在兩個段落或元素之間。

其他結構標籤

[編輯 | 編輯原始碼]
  • <address> 用於標記聯絡資訊,通常使用 href 屬性。
  • <blockcode> 用於標記程式碼塊,其中空格佈局很重要。
  • <blockquote> 用於識別大引用。
  • <pre> 用於識別預格式化的文字。

內聯文字標籤

[編輯 | 編輯原始碼]

文字中的文字集可能具有標籤來描述文字的修飾符。

元素 描述
<a [href="(連結)" | id="#標籤"] > 定義顯式連結或標籤位置的錨點。在 XHTML 中,hrefid 屬性幾乎可以放置在任何所需標籤上。
<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。在導航列表中,還有兩個額外的屬性可以使用:shapecoords。座標用逗號分隔。

形狀 描述 座標
預設 指定整個區域。 N/A
矩形 指定矩形,有兩個角。 兩個 X-Y 座標對。
圓形 指定給定半徑的圓形。 一個 X-Y 對和一個半徑。
多邊形 指定任意形狀。 多個 X-Y 對勾勒出多邊形。

在導航列表中,如果導航列表中的專案與導航地圖中的另一個條目重疊,則最先出現的專案具有優先順序。此外,不包含 href 屬性的導航列表將處於非活動狀態。

如果在影像屬性上使用 ismap="ismap",則影像地圖將被視為伺服器端地圖。客戶端將自動將座標附加到傳送到伺服器的 URL 上此形式的地圖(或者如果他們無法做到這一點,則附加“0,0”。)

表格是在 XHTML 文件中使用 <table> 標籤對建立的。表格是一個顯示的單元格網格。

在表格中,<colgroup><col> 標籤用於將格式或類指定到一組列。這兩個標籤允許 span 屬性,這將導致給定列的單元格獲得特定格式(如背景顏色或樣式表)。

<summary> 標籤對用於提供表格的摘要。這通常是關於表格的標題,例如關於表格本身的簡要描述。

<tbody> 標籤對標識表格的主體。它將包含稍後將描述的行和單元格標籤。

<tr> 標籤對標識表格中的行。此標籤的每一對都將包含單元格定義,無論它們是標題單元格還是內容單元格。

<td> 標籤對標識表格中的單元格。<th> 標籤對標識表格中的單元格,該單元格被視為標題並被強調。單元格可以使用 colspanrowspan 屬性跨越多個列或行。某些單元格可能需要使用縮寫,這可以透過使用 abbr 屬性來完成。

<thead> 標籤對標識表格的標題。

<tfoot> 標籤對標識表格的頁尾。

樣式表

[編輯 | 編輯原始碼]

樣式表描述瞭如何渲染 XHTML 文件。樣式表不是 XHTML 標準的直接部分,但對於確定文件的佈局或顯示非常重要。

它們使用空 <style 標籤宣告,並使用 src 屬性指定文件源,使用 type 指定樣式表型別(通常為“text/css”)。內聯樣式表省略了 src 屬性,並在主元素中包含受影響的文字。

外部樣式表也可以透過使用<?xml-stylesheet ?>來包含,其中hreftype顯示樣式表的來源和型別。

如果需要,可以使用style屬性將樣式直接包含在 HTML 元素中。

元資料

[編輯 | 編輯原始碼]

<head>標籤對包含了文件的初始描述。除了基本標題之外,文件的這一部分還包含用於對文件進行分類的元資料。

元資料可以使用以下屬性:

屬性 描述
about 頁面 about URL。
content 指定相關內容的元資料。預設情況下,它使用標籤中的內容。
datatype
rel 與 about 一起使用;指定關係。
property 標識 XHTML 文件中的屬性(見下文)

元資料還提供描述文件中附加資訊的屬性。當 property 屬性設定為以下表格中的條目時,它具有以下效果或結果

屬性 描述
description 提供資源的描述。
generator 標識用於編寫資源的軟體。
keywords 用於搜尋引擎的逗號分隔關鍵字列表。
reference
robots 建議機器人行為;特定於網路爬蟲。
title 指定資源的標題。
[編輯 | 編輯原始碼]

在 head 標籤中,您可以包含超連結以提供有關下一個和上一個文件的資訊。這透過使用一個空的<link標籤來完成,其中使用hrefrel屬性。


華夏公益教科書