HTML <head> 標簽

定義和用法

<head> 元素是元數據（關于數據的數據）的容器，位于 <html> 標簽 和 <body> 標簽 之間。

元數據是有關 HTML 文檔的數據。元數據不會被顯示。

元數據通常定義文檔標題、字符集、樣式、腳本和其他元信息。

以下元素可以放置在 <head> 元素內：

詳細說明

<head> 標簽用于定義文檔的頭部，它是所有頭部元素的容器。<head> 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。

文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標題、在 Web 中的位置以及和其他文檔的關系等。絕大多數文檔頭部包含的數據都不會真正作為內容顯示給讀者。

每個 HTML 文檔都應該包含一個 head 元素，head 元素中必須包含一個 title 元素。

<title> 標簽 定義文檔的標題，它是 head 部分中唯一必需的元素。

另請參閱：

HTML 教程：HTML 頭部

HTML DOM 參考手冊：Head 對象

實例

例子 1

一個簡單卻完整的 HTML 文檔，在 head 部分內有一個 <title> 標簽：

<!DOCTYPE html>
<html lang="zh">
  <head>
    <title>文檔的標題</title>
  </head>
  <body>
    <h1>這是標題</h1>
    <p>這是一個段落。</p>
  </body>
</html>

親自試一試

例子 2

<base> 標簽（規定頁面上所有鏈接的默認 URL 和目標），位于 <head> 內：

<html>
  <head>
    <base href="https://www.codew3c.com/" target="_blank">
  </head>
<body>
  <img src="pic/tree.png" width="150" height="161" alt="Tree">
  <a href="tags/tag_base.asp">HTML base 標簽</a>
</body>
</html>

親自試一試

例子 3

<style> 標簽（向頁面添加樣式信息），位于 <head> 內：

<html>
  <head>
    <style>
      h1 {color:red;}
      p {color:blue;}
    </style>
  </head>
  <body>
    <h1>一個標題</h1>
    <p>一個段落。</p>
  </body>
</html>

親自試一試

例子 4

<link> 標簽（鏈接到外部樣式表），位于 <head> 內：

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="styles.css">
  </head>
  <body>
    <h1>我使用了鏈接樣式表進行格式化。</h1>
    <p>我也是！</p>
  </body>
</html>

親自試一試

全局屬性

<head> 標簽還支持 HTML 中的全局屬性。

默認的 CSS 設置

大多數瀏覽器將使用以下默認值顯示 <head> 元素：

head {
  display: none;
}

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持