頭元素內的信息
頭元素內的元素不會被瀏覽器顯示出來。
假如你將 <h1> 或者 <p> 之類的 HTML 元素像這樣置於頭元素之中，大多數瀏覽器都會顯示它，即使這是非法的。
根據 HTML 標準，僅有幾個標籤在 HTML 的頭部分是合法的。它們是：<base>, <link>, <meta>, <title>, <style> 和 <script>。
| 標籤 | 描述 |
|---|---|
| <head> | 定義關於文檔的信息。 |
| <title> | 定義文檔標題。 |
| <base> | 定義頁面中所有鏈接的基準 URL。 |
| <link> | 定義資源引用。 |
| <meta> | 定義元信息。 |
| 標籤 | 描述 |
|---|---|
| <!DOCTYPE> | 定義文檔類型。此標籤須位於 html 標籤之前。 |
<meta>
必須包含的屬性：
content
content 屬性提供了 名稱/值 對中的值。該值可以是任何有效的字符串。
content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用。
可選的屬性：
http-equiv
http-equiv 屬性爲名稱/值對提供了名稱。並指示服務器在發送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。
當服務器向瀏覽器發送文檔時，會先發送許多名稱/值對。雖然有些服務器會發送許多這種名稱/值對，但是所有服務器都至少要發送一個：content-type:text/html（默認就發送）。這將告訴瀏覽器準備接受一個 HTML 文檔。
常用取值還有refresh ，用於網頁重定向，例如：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="refresh" content="3;url=htmlDemo.html" />
<title>重定向</title>
</head>
<body>
網頁已被重定向，3秒後跳轉到 htmlDemo.html
</body>
</html>
W3C 聲明說：
某些用戶程序支持使用 META 在設定好的幾秒鐘後來刷新當前的頁面，並將之替換爲另一個 url。
開發人員不應使用此技術強迫用戶轉到不同的頁面，因爲這樣會使頁面的可用性變差。
相反，應使用服務器端重定向來進行自動頁面定向。(即 在servlet裏面用request.getRequestDispatcher(url).forward(request,response))
使用帶有 http-equiv 屬性的 <meta> 標籤時，服務器將把名稱/值對添加到發送給瀏覽器的內容頭部。例如，添加：
<metahttp-equiv="charset"content="iso-8859-1"> <metahttp-equiv="expires"content="31 Dec 2008"> ——這句用於設定網頁的到期時間，過期則必須到服務器上重新調用， 若content="-1"則表示網頁在任何時候都不能被Cache存儲。
這樣發送到瀏覽器的頭部就應該包含：
content-type: text/html charset:iso-8859-1 expires:31 Dec 2007
當然，只有瀏覽器可以接受這些附加的頭部字段，並能以適當的方式使用它們時，這些字段纔有意義。
name
name 屬性提供了名稱/值對中的名稱。
HTML 和 XHTML 標籤都沒有指定任何預先定義的 <meta> 名稱。通常情況下，您可以自由使用對自己和源文檔的讀者來說富有意義的名稱。
"keywords" 是一個經常被用到的名稱。它爲文檔定義了一組關鍵字。某些搜索引擎在遇到這些關鍵字時，會用這些關鍵字對文檔進行分類。
類似這樣的 meta 標籤可能對於進入搜索引擎的索引有幫助：
<meta name="keywords" content="HTML,ASP,PHP,SQL"
如果沒有提供 name 屬性，那麼名稱/值對中的名稱會採用 http-equiv 屬性的值。
針對搜索引擎的關鍵字
某些萬維網搜索引擎使用 meta 標籤的 name 和 content 屬性來索引頁面。
這個 Meta 元素定義了對頁面的描述:
<meta name="description"
content="Free Web tutorials on HTML, CSS, XML, and XHTML" />
這個 Meta 元素定義了頁面的關鍵字:
<meta name="keywords"
content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">
name 和 content 屬性的作用是描述頁面的內容。
然而，由於非常多的人們使用 meta 標籤製造垃圾信息，比方說在頁面重複關鍵詞以達到提高排名的目的，一些搜索引擎已經徹底放棄了使用它們。
<link>
語法：
<link rel="stylesheet" type="text/css" href="style.css" >
屬性
new : HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 中不支持。 |
| href | URL | 規定被鏈接文檔的位置。 |
| hreflang | language_code | 規定被鏈接文檔中文本的語言。 |
| media | media_query | 規定被鏈接文檔將被顯示在什麼設備上。 |
| rel |
|
規定當前文檔與被鏈接文檔之間的關係。 |
| rev | reversed relationship | HTML5 中不支持。 |
| sizes |
|
規定被鏈接資源的尺寸。僅適用於 rel="icon"。 |
| target |
|
HTML5 中不支持。 |
| type | MIME_type | 規定被鏈接文檔的 MIME 類型。 |
rel 屬性
定義和用法
rel 屬性規定當前文檔與被鏈接文檔之間的關係。
瀏覽器支持
只有 rel 屬性的 "stylesheet" 值得到了所有瀏覽器的支持。其他值只得到了部分地支持。
屬性值
| 值 | 描述 |
|---|---|
| alternate | 文檔的替代版本（比如打印頁、翻譯或鏡像）。 |
| stylesheet | 文檔的外部樣式表。 |
| start | 集合中的第一個文檔。 |
| next | 集合中的下一個文檔。 |
| prev | 集合中的上一個文檔。 |
| contents | 文檔的目錄。 |
| index | 文檔的索引。 |
| glossary | 在文檔中使用的詞彙的術語表（解釋）。 |
| copyright | 包含版權信息的文檔。 |
| chapter | 文檔的章。 |
| section | 文檔的節。 |
| subsection | 文檔的小節。 |
| appendix | 文檔的附錄。 |
| help | 幫助文檔。 |
| bookmark | 相關文檔。 |