HTML head 元素

HTML head 元素是一個標準 HTML 網頁的重要部分,標準的 head 會用 <head> 標籤開始,至 </head> 標籤結束,寫在網頁 HTML 程式碼的最開頭部分,開頭 <head> 與結尾 </head> 標籤之間,可以放置網頁的其他重要元素,如 titlemetalink、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

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012
PHP Smarty MySQL JQuery Apache W3C