XHTML/A Basic XHTML Document

副檔名

使用者仍然可以使用標準的.html或.htm副檔名，但現在使用者可以使用以下副檔名

.xhtml
.xht
.html
.htm

您可以對所有 XHTML 標準使用其中任何一個。

XML宣告

最好用 XML 宣告開始所有 XHTML 或任何 XML 應用程式。XML 宣告明確地說明了我們將使用哪個版本的 XML 和哪個字元編碼。例如，如果我們想要使用帶有西歐字元編碼的 XML 1.0，我們的 XML 宣告可能看起來像這樣

<?xml version="1.0" encoding="iso-8859-1"?>

請注意，如果沒有宣告 XML 宣告，則該文件假定為使用 UTF-8 字元編碼的 XML 1.0。

文件型別宣告

除非您的 XHTML 有文件型別宣告，否則它將無效。文件型別宣告實際上是 SGML 語句，它告訴瀏覽器您使用的是哪個版本的 XHTML。例如，要讓 UA 知道我們希望我們的標記作為 XHTML 1.0 Strict 提供，我們只需輸入以下內容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

標籤和元素

XHTML 使用標籤。標籤是在小於號 (<) 和大於號 (>) 之間包含的文字片段。XHTML 中標籤的一個示例是 <html> 標籤，所有 XHTML 文件都包含在其中。在 XHTML 中，所有標籤都應為小寫。

標籤由標籤名稱和屬性組成。標籤名稱確定標籤的型別，標籤屬性提供有關標籤的更多資訊。例如，在 <a> 標籤（主要用於建立連結）中，href 屬性用於指定這些連結的指向位置。指向 https://www.wikibooks.org 的超連結將寫為 <a href="https://www.wikibooks.org/">。

標籤本身沒什麼用，除非它們是元素的一部分，或者是在開始標籤和結束標籤之間包含資訊的標籤。指向 https://www.wikibooks.org 的連結，其中包含文字“Wikibooks”，將寫為 <a href="https://www.wikibooks.org/">Wikibooks</a>。結果為 Wikibooks。結束標籤與開始標籤相同，只是它以斜槓 (/) 開頭，並且不重複屬性。

元素可以巢狀。這意味著可以存在完全包含在另一個元素內的元素。一個例子是

<a href="https://www.wikibooks.org/"><span id="wikibooks">Wikibooks.org</span></a>

稍後您將瞭解 <span> 標籤的作用。

示例文件

正如我之前所說，文件以 <html> 標籤開頭。文件也以 </html> 結束。這兩個標籤以及它們之間的所有內容被稱為 html 元素。必須將兩個元素巢狀在 html 元素中：<head> 元素和 <body> 元素。當然，其他元素可以在這些元素內巢狀或子巢狀。

<head> 元素目前只是用來存放 <title> 元素。標題放在 <title> 開始和結束標籤之間。因此，對於標題“Wikibooks”，<head> 元素的整體語法是

<head>
  <title>
    WikiBooks
  </title>
</head>

當然，這不能單獨放在 .html 檔案中，但將其轉換為完整的 XHTML 檔案並不需要太多工作。正如我已經說過的，您需要在整個內容周圍放置一個 <html> 標籤。但您還需要一個放置內容的地方。因此，有了 <body> 元素。<body> 元素放在 <html> 元素內。目前，我們只在 <body> 元素中放置文字。文字將在大多數瀏覽器中以 Times New Roman 12 點字號顯示，並環繞螢幕。任何型別的空格都將顯示為一個空格。因此，這是一個標題為“Wikibooks”，內容為“Wikibooks is a great website.”的示例 XHTML 文件。

 <?xml version="1.0" encoding="iso-8859-1"?>
 <!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" lang="en">
   <head>
     <title>
       Wikibooks
     </title>
   </head>
   <body>
     <p>
       Wikibooks is a great website.
     </p>
   </body>
 </html>

第一行是文件型別宣告。這告訴瀏覽器檔案是什麼型別的文件。所有有效的 HTML 和 XHTML 文件都有文件型別宣告。我們將使用 XHTML 1.0 Strict 文件型別宣告。