HTML <head> 標籤
示例
一個簡單的 HTML 文件，head 部分包含一個 <title> 標籤
<!DOCTYPE html>
<html lang="en">
<head>
<title>文件標題</title>
</head>
<body>
<h1>This is a heading</h1>
<p>這是一個段落。</p>
</body>
</html>
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
<head> 元素是元資料（關於資料的資料）的容器，位於 <html> 標籤和 <body> 標籤之間。
元資料是關於 HTML 文件的資料。元資料不會顯示。
元資料通常定義文件標題、字元集、樣式、指令碼和其他元資訊。
以下元素可以放在 <head> 元素內
瀏覽器支援
| 元素 | |||||
|---|---|---|---|---|---|
| <head> | 是 | 是 | 是 | 是 | 是 |
全域性屬性
<head> 標籤還支援 HTML 中的全域性屬性。
更多示例
示例
<base> 標籤（指定頁面上所有連結的預設 URL 和目標）放在 <head> 內部
<html>
<head>
<base href="https://w3schools.tw/" target="_blank">
</head>
<body>
<img src="images/stickman.gif" width="24" height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base 標籤</a>
</body>
</html>
自己動手試一試 »
示例
<style> 標籤（向頁面新增樣式資訊）放在 <head> 內部
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>一個標題</h1>
<p>一個段落。</p>
</body>
</html>
自己動手試一試 »
示例
<link> 標籤（連結到外部樣式表）放在 <head> 內部
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>我用連結的樣式表格式化</h1>
<p>我也是！</p>
</body>
</html>
自己動手試一試 »
相關頁面
HTML 教程：HTML Head
HTML DOM 參考：Head 物件
預設 CSS 設定
大多數瀏覽器將以以下預設值顯示 <head> 元素
head {
display: none;
}
