Elemen Header HTML

Contoh lain

Judul dokumen
Tag <title> menentukan judul dokumen.
Semua tautan satu tujuan
Bagaimana menggunakan tag base untuk membuka semua tag di halaman dalam jendela baru.
Deskripsi dokumen
Gunakan elemen <meta> untuk mendeskripsikan dokumen.
Kata kunci dokumen
Gunakan elemen <meta> untuk menentukan kata kunci dokumen.
Alihkan pengguna
Bagaimana mengalihkan pengguna ke alamat URL baru.

Elemen <head> HTML

Elemen <head> adalah wadah bagi semua elemen header. Elemen di dalam <head> dapat mengandung skrip, menunjukkan tempat dimana browser dapat menemukan gaya, menyediakan informasi meta, dan lainnya.

Berikut adalah tag yang dapat ditambahkan ke bagian head: <title>, <base>, <link>, <meta>, <script> dan <style>.

Elemen <title> HTML

Tag <title> mendefinisikan judul dokumen.

Elemen title wajib ada di semua dokumen HTML/XHTML.

Elemen title dapat:

  • Judul yang ditampilkan di toolbar browser
  • Judul yang ditampilkan saat halaman ditambahkan ke favorit
  • Judul halaman yang ditampilkan di hasil pencarian mesin pencari

Dokumen HTML yang disederhanakan:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
Konten dokumen...
</body>
</html>

Elemen <base> HTML

Tag <base> menentukan alamat default atau target default (target) untuk semua tautan di halaman:

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

Elemen <link> HTML

Tag <link> mendefinisikan hubungan antara dokumen dan sumber daya eksternal.

Tag <link> paling sering digunakan untuk menghubungkan stylesheet:

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

Elemen <style> HTML

Tag <style> digunakan untuk mendefinisikan informasi gaya dokumen HTML.

Anda dapat menentukan gaya elemen HTML dalam browser di dalam elemen style:

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

Elemen <meta> HTML

Metadata (metadata) adalah informasi tentang data.

Tag <meta> menyediakan informasi metadata tentang dokumen HTML. Metadata ini tidak ditampilkan di halaman, tetapi dapat dibaca oleh mesin.

Kasus yang biasa, elemen meta digunakan untuk menentukan deskripsi halaman, kata kunci, penulis dokumen, waktu pengubahsuaian terakhir, dan metadata lainnya.

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

Metadata dapat digunakan untuk browser (bagaimana konten ditampilkan atau halaman di reload), mesin pencari (kata kunci), atau layanan web lainnya.

Kata kunci untuk mesin pencari

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

Elemen meta berikut ini mendefinisi deskripsi halaman:

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

Elemen meta berikut ini mendefinisi kata kunci halaman:

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

Fungsi atribut name dan content adalah untuk mendeskripsikan konten halaman.

Elemen <script> HTML

Tag <script> digunakan untuk mendefinisikan skrip klien, seperti JavaScript.

Kami akan membahas elemen script di bab berikutnya.

Elemen Header HTML

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