HTML head 元素
head 元素是所有頭元素的容器，提供有關頁面的額外資訊，或引用頁面顯示或行為正常所需的其他資源。
HTML head 元素
head 元素共同描述文件的屬性，例如標題，提供元資訊，指示瀏覽器在何處查詢樣式表，以及指向或包括允許以高度活躍和互動方式擴充套件 HTML 文件的指令碼。
可以在 <head> 內部使用的 HTML 元素元素是： <title> ，<base> ，<link>， <style> ，<meta> ，<script> 和 <noscript>。
HTML 標題元素
<title> 元素定義了文件的標題。
所有 HTML / XHTML 文件中都需要 title 元素來生成有效文件。文件中只允許使用一個標題元素，並且必須將其放在 head 元素中。 title 元素包含純文字和實體; 它不能包含其他標記。
該檔案的標題可用於不同目的。例如：
- 在瀏覽器標題欄和工作列中顯示標題。
- 在將頁面新增到收藏夾或新增書籤時為頁面提供標題。
- 在搜尋引擎結果中顯示頁面的標題。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Hello World Document</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
提示： 好的標題應該簡短並且跟文件的內容相關，因為搜尋引擎的網路抓取工具會特別注意標題中使用的單詞。理想情況下，標題的長度應小於 65 個字元。瞭解更多。
HTML 基本元素
HTML <base> 元素用於為文件中包含的所有相對連結定義基本 URL，例如，你可以在頁面頂部設定一次基本 URL，然後所有後續相對連結將使用該 URL 作為起點。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Defining a base URL</title>
<base href="https://www.tutorialrepublic.com/">
</head>
<body>
<p><a href="html-tutorial/html-head.html">HTML Head</a>.</p>
</body>
</html>
無論當前頁面的 URL 是什麼，上面的連結實際上都會解析到 http://www.tastones.com/html-tutorial/html-head.html。這是因為 HTML 教程連結中指示的相對 URL： html-tutorial/html-head.html 新增到基本 URL 的末尾： http://www.tastones.com/ 。
警告： HTML <base> 元素必須出現在引用外部資源的任何元素之前。HTML 僅允許每個文件使用一個基本元素。
HTML 連結元素
<link> 元素定義當前文件與外部文件或資源之間的關係。 link 元素的一個常見用途是連結到外部樣式表。
<head>
<title>Linking to style sheets</title>
<link type="text/css" rel="stylesheet" href="style.css">
</head>
要了解有關連結樣式表的更多資訊，請檢視有關 HTML 樣式的教程。
注意： 文件的 <head> 元素可以包含任意數量的 <link> 元素。<link> 元素具有屬性，但沒有內容。
HTML 樣式元素
<style> 元素用於定義 HTML 文件的嵌入樣式資訊。 <style> 元素內的樣式規則指定 HTML 元素在瀏覽器中的呈現方式。
<head>
<title>Internal style sheet</title>
<style type="text/css">
body { background-color: YellowGreen; }
h1 { color: red; }
p { color: green; }
</style>
</head>
注意： 當單個文件具有唯一樣式時，應使用嵌入式樣式表。如果在多個文件中使用相同的樣式表，則外部樣式表更合適。瞭解更多。
HTML meta 元素
<meta> 元素提供有關 HTML 文件的後設資料。後設資料是一組描述和提供有關其他資料的資訊的資料。
元元素將在下一章中介紹。
HTML 指令碼元素
<script> 元素用於定義客戶端指令碼，例如JavaScript。
指令碼和 noscript 元素將在後面的章節中介紹。