超文字標記語言/頭部和主體

HTML 檔案分為兩個基本部分：頭部和主體，每個部分由各自的標籤標記。因此，HTML 文件的基本結構如下

<!DOCTYPE html>
<html lang="...">
   <head>
        ...
   </head>
   <body>
        ...
   </body>
</html>

The HEAD 元素

HTML 文件頭部部分的所有資料都被認為是“元資料”，意思是“關於資料的資料”。本節中的資訊通常不會直接顯示。而是像 style 這樣的元素會影響文件中其他元素的外觀。頭部部分的一些專案可能會被搜尋引擎等程式用來了解頁面，以便於參考。

head 元素應該始終包含一個 title 元素，該元素設定通常由 Web 瀏覽器在視窗標題欄中顯示的標題。以下是用 title 元素的示例

<head>
   <title>This is the Title</title>
</head>

頭部部分只能有一個 title。

head 元素中可以包含任意數量的以下元素

style: 用於在文件中嵌入樣式規則。在大多數情況下，希望在多個網頁上保持一致的外觀，因此樣式是在一個單獨的樣式表文件中指定的，該檔案使用 link 元素連結。因此，當樣式僅適用於當前頁面時，它將在頭部中使用。

link

用於將頁面連結到各種外部檔案，例如樣式表或頁面的 RSS Feed 位置。連結型別使用 rel 屬性設定。type 屬性指定 href 屬性給出的位置處的文件的MIME 型別。這使瀏覽器能夠忽略它不支援的 MIME 型別的連結。例子

<link rel="stylesheet" type="text/css" href="style.css">

<link rel="alternate" type="application/rss+xml" href="rss.aspx" title="RSS 2.0">

script: 用於連結到外部 Javascript 檔案或在頁面中嵌入 Javascript。儘管許多示例為了簡單起見嵌入了指令碼，但在實際 Web 頁面中連結到外部檔案是首選技術。

meta

用於設定 HTML 文件的附加元資料屬性，例如相關關鍵字等。例子

<meta charset="utf-8">

<meta name="keywords" content="web, HTML, markup, hypertext">

object: 嵌入通用物件。此元素通常不用於頭部，而是用於主體部分。

還可能存在單個 base 元素。此元素設定用於解析相對URI 的基本URI。很少需要使用此元素。

The TITLE 元素

title 元素包含您的文件標題，並在全域性範圍內標識其內容。標題通常顯示在瀏覽器視窗頂部的標題欄中。
它也顯示在瀏覽器的書籤列表中。
標題也用於識別您的頁面以供搜尋引擎使用。
示例： <html> <head> <title>Some Amazing Web Page</title> </head> </html>

The BODY 元素

與 head 元素不同，放置在 <body> 標籤之間的任何純文字都將由瀏覽器在網頁上顯示。

要避免的內容。以下示例是不好的做法

<body text='black' link='red' alink='pink' vlink='blue'
      bgcolor='#DDDDDD' background='wallpaper.gif'>
   ...
</body>

當前標準是 HTML5，text、link、alink、vlink、bgcolor 和 background 屬性早就棄用了。您可能會在舊檔案中找到它們，但現在不應該使用它們。它們已被下面的 CSS 規則取代（使用這些規則將在後面的章節中討論超文字標記語言/CSS）。先前示例中的值已用作這些規則中的示例。

text: body { color:black }
bgcolor: body { background-color:#DDDDDD }
background: body { background-image: url(wallpaper.gif) }
link: a:link { color:red }
alink: a:active { color:pink }（活動連結是指正在點選或具有鍵盤焦點的連結）
vlink: a:visited { color:blue }
hover（不是 HTML 屬性）: a:hover { color:green }（'hover' 是滑鼠指標懸停在連結上的樣式）