Tanda <head> HTML

Definisi dan penggunaan

<head> Elemen adalah wadah data meta (data tentang data), berada di dalam <html> label dan <body> label dalam.

Data meta adalah data tentang dokumen HTML. Data meta tidak akan dipaparkan.

Data meta biasanya mendefinikan tajuk dokumen, set karakter, gaya, skrip, dan maklumat meta lain.

Elemen berikut boleh diletakkan di dalam <head> dalam elemen：

Pengarahan

<head> label digunakan untuk mendefinikan bahagian kepala dokumen, ia adalah wadah bagi semua elemen kepala.<head> dalam elemen dapat merujuk skrip, arahkan pelayar di mana ia dapat mencari laman gaya, menyediakan maklumat meta, dan lain-lain.

Bab kepala dokumen mendeskripsikan berbagai sifat dan maklumat dokumen, termasuk tajuk dokumen, lokasi di Web, dan hubungan dengan dokumen lain. Sebahagian besar data di dalam bahagian kepala yang diambil akan tidak dipaparkan kepada pembaca.

Setiap dokumen HTML seharusnya mengandungi elemen head, elemen head mesti mengandungi Elemen title。

<title> label Mendefinikan tajuk dokumen, ia adalah elemen yang diperlukan sahaja di dalam bahagian head.

Lihat juga：

Panduan HTML：Bab Pimpinan HTML

Panduan Referensi DOM HTML：Objek Head

Contoh

Contoh 1

Sebuah dokumen HTML yang sederhana tetapi lengkap, di dalam bahagian head terdapat label <title>：

<!DOCTYPE html>
<html lang="zh">
  <head>
    <title>Tajuk dokumen</title>
  </head>
  <body>
    <h1>Ini adalah tajuk</h1>
    <p>Ini adalah paragraf.</p>
  </body>
</html>

亲自试一试

Contoh 2

<base> label（Tetapkan URL laluan baku dan sasaran semua pautan di halaman），berada di dalam <head>：

<html>
  <head>
    <base href="https://www.codew3c.com/" target="_blank">
  </head>
<body>
  <img src="pic/tree.png" lebar="150" tinggi="161" alt="Pohon">
  <a href="tags/tag_base.asp">HTML base label</a>
</body>
</html>

亲自试一试

Contoh 3

<style> label（Menambahkan maklumat gaya halaman），berada di dalam <head>：

<html>
  <head>
    <style>
      h1 { warna: merah; }
      p { warna: biru; }
    </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
支持 支持 支持 支持 支持