Tanda <head> HTML

Definisi dan penggunaan

<head> elemen adalah kontainer untuk meta data (data tentang data), berada di <html> tag dan <body> tag diantara.

Meta data adalah data tentang dokumen HTML. Meta data tidak akan ditampilkan.

Meta data biasanya mendefiniskan judul dokumen, charset, gaya, skrip, dan lain-lain meta informasi.

Elemen berikut dapat ditempatkan di <head> dalam elemen：

Keterangan detil

<head> tag digunakan untuk mendefiniskan kepala dokumen, yang adalah kontainer bagi semua elemen kepala.<head> dalam elemen dapat mengacu ke skrip, menunjukkan tempat mana browser dapat menemukan gaya, menyediakan meta informasi, dll.

Bagian kepala dokumen mendeskripsikan berbagai atribut dan informasi dokumen, termasuk judul dokumen, posisi di Web, dan hubungan dengan dokumen lain. Sebagian besar data di bagian kepala yang terdapatnya tidak akan ditampilkan ke pembaca.

Setiap dokumen HTML seharusnya mengandung elemen head, di dalam head seharusnya terdapat satu Elemen title.

<title> tag Mendefiniskan judul dokumen, yang adalah elemen yang penting saja di bagian head.

Lihat pula：

Panduan HTML：Kepala HTML

Panduan Referensi DOM HTML：Objek Head

Contoh

Contoh 1

Sebuah dokumen HTML sederhana tetapi lengkap, di dalam bagian head terdapat tag <title>：

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

Coba Sendiri

Contoh 2

<base> tag（Tentukan URL baku dan target semua tautan 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">Tag base HTML</a>
</body>
</html>

Coba Sendiri

Contoh 3

<style> tag（Menambahkan informasi gaya halaman），berada di dalam <head>：

<html>
  <head>
    <style>
      h1 {warna: merah;}
      p {warna: biru;}
    </style>
  </head>
  <body>
    <h1> Judul satu</h1>
    <p>Paragraf satu.</p>
  </body>
</html>

Coba Sendiri

Contoh 4

Tanda <link>(dilinkkan ke gaya luar, berada di dalam <head>):

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="styles.css">
  </head>
  <body>
    <h1>Saya menggunakan gaya tautan untuk memformat.</h1>
    <p>jadi saya juga!</p>
  </body>
</html>

Coba Sendiri

Atribut Global

<head> Tanda masih mendukung Atribut Global HTML.

Pengaturan CSS Default

Sebagian besar peramban akan menampilkan nilai default berikut: <head> Elemen:

head {
  display: none;
}

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan