Elemen Header HTML

Contoh lanjut

Tajuk dokumen
Label <title> menentukan tajuk dokumen.
Semua pautan ke tujuan
Bagaimana untuk membuka semua tanda di dalam tab baru menggunakan label base.
Deskripsi dokumen
Gunakan elemen <meta> untuk menggambarkan dokumen.
Kata kunci dokumen
Gunakan elemen <meta> untuk menetapkan kata kunci dokumen.
Alihkan pengguna
Bagaimana untuk mengalihkan pengguna ke alamat URL baru.

Elemen <head> HTML

Elemen <head> adalah wadah bagi semua elemen kepala. Elemen dalam <head> boleh mengandungi skrip, arahan penggunaan laman papan gaya, maklumat meta, dan lain-lain.

Tanda berikut boleh ditambah ke bahagian head: <title>、<base>、<link>、<meta>、<script> serta <style>。

Elemen <title> HTML

Tanda <title> mensifatkan judul dokumen.

Elemen judul adalah wajib di semua dokumen HTML/XHTML.

Elemen judul boleh:

  • Mensifatkan judul dalam palam alat pelayar
  • Judul yang dipaparkan ketika halaman ditambah ke收藏夹
  • Judul halaman yang dipaparkan di hasil pencegah kata (kata kunci)

Dokumen HTML yang disederhanakan:

<!DOCTYPE html>
<html>
<head>
<title>Judul dokumen</title>
</head>
<body>
Kandungan dokumen...
</body>
</html>

Elemen <base> HTML

Tanda <base> mensifatkan alamat lalai atau target (target) lalai untuk semua pautan di halaman:

<head>
<base href="http://www.codew3c.com/images/" />
<base target="_blank" />
</head>

Elemen <link> HTML

Tanda <link> mensifatkan hubungan antara dokumen dan sumber luaran.

Tanda <link> paling sering digunakan untuk menghubungkan gaya:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

Elemen <style> HTML

Tanda <style> digunakan untuk mensifatkan maklumat gaya dokumen HTML.

Anda boleh tentukan gaya elemen HTML di dalam elemen style:

<head>
<style type="text/css">
body {warna latar:kelabu}
p {warna:biru}
</style>
</head>

Elemen <meta> HTML

Metadata (metadata) adalah maklumat tentang data.

Tanda <meta> menyediakan maklumat metadata tentang dokumen HTML. Metadata tidak akan dipaparkan di halaman, tetapi boleh diubah suai oleh mesin.

Kaedah biasa adalah, elemen meta digunakan untuk tentukan deskripsi halaman, kata kunci, penulis dokumen, masa terakhir diubah serta meta data lain.

Tanda <meta> selalu berada di dalam elemen <head>.

Mata data boleh digunakan untuk pelayar (cara pertunjukan konten atau muat semula halaman), pencegah kata (kata kunci), atau pelayanan web lain.

Kata kunci untuk mesin pencari

Beberapa mesin pencari akan menggunakan atribut name dan content meta untuk indeks halaman Anda.

Elemen meta di bawah mendefinikan deskripsi halaman:

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

Elemen meta di bawah mendefinikan kata kunci halaman:

<meta name="keywords" content="HTML, CSS, XML" />

Fungsi atribut name dan content adalah untuk mendeskripsikan konten halaman.

Elemen <script> HTML

Tanda <script> digunakan untuk mendefinikan skrip klien, seperti JavaScript.

Kami akan menjelaskan elemen script di bab mendatang.

Elemen Header HTML

Tanda Deskripsi
<head> Mendefinikan informasi tentang dokumen.
<title> Mendefinikan judul dokumen.
<base> Mendefinikan alamat atau tujuan baku semua tautan di halaman.
<link> Mendefinikan hubungan dokumen dengan sumber daya eksternal.
<meta> Mendefinikan metadata tentang dokumen HTML.
<script> Mendefinikan skrip klien.
<style> Mendefinikan informasi gaya dokumen.