HTML head 元素

HTML head 元素是一個標準 HTML 網頁的重要部分，標準的 head 會用 <head> 標籤開始，至 </head> 標籤結束，寫在網頁 HTML 程式碼的最開頭部分，開頭 <head> 與結尾 </head> 標籤之間，可以放置網頁的其他重要元素，如 title、meta、link、script、style、base 等，用來標示網頁的許多基本資訊，瀏覽器（browser）會根據 <head></head> 標籤內的資訊，呈現出設計師所設計的網頁樣貌，需要注意的是，一個網頁僅能有一組 head 標籤，也只需要一組 head 標籤，超過一組以上，很可能會造成瀏覽器錯亂。

HTML head 基本架構

<html>
<head>
　<title>這裡放網頁標題</title>
　<meta name="keywords" content="網頁關鍵字 1,網頁關鍵字 2">
</head>
<body>這裡是網頁內容</body>
</html>

範例所提供的是一個很基本的 HTML 網頁架構，最外層是 <html> 標籤，接著從上至下為 head 標籤以及 body 標籤，將網頁分為兩個重要的部分，然後我們在 head 區域內放入了 title 以及 meta 兩個標籤，其中 title 就是網頁標題、meta 有很多種功能，採用 name="keywords" 的意思是符合網頁的關鍵字，也就是設計師希望搜尋引擎根據哪些關鍵字搜尋到網頁，但是不能隨便亂寫，也不能寫太多，否則搜尋引擎會將網頁排除在搜尋結果之中，也就是有可能會搜尋不到。head 區域內還可以使用許多網頁元素，稍微解說一下。

HTML head 內常用元素

元素	說明
title	網頁標題，每個網頁僅能有一個標題。
meta	提供搜尋引擎關於網頁頁面內的重要資訊。
link	用來控制網頁內與外部資源的關連。
script	用來使用網頁 script 或是嵌入外部 script，如 JavaScript 或 VBScript。
style	用來定義網頁所使用的 style，如 css 樣式。
base	用來制定網頁內 URL 的目標。

這些 HTML head 區域內的網頁元素並不一定全部都要使用，但標題是必要項目，否則網頁就沒有名稱了。

See English Version: HTML head Element

延伸閱讀