Kualitas Web - Element HTML yang penting

Untuk meningkatkan kualitas web, <DOCTYPE>, <title>, dan <h1> adalah tag penting.

Elemen <DOCTYPE>

Doctype berarti "pengumuman tipe dokumen" (DTD).

Semua halaman HTML dan XHTML seharusnya menggunakan elemen <Doctype> untuk menentukan versi HTML yang diikuti.

doctype menentukan versi HTML yang Anda gunakan dan menyediakan informasi penting bagi browser untuk menampilkan halaman Anda dengan lebih cepat dan konsisten.

Pengumuman tipe dokumen juga memungkinkan software verifikasi untuk memeriksa sintaks halaman:

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd"

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"

DTD XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"

Lihat:Tag HTML <!DOCTYPE>

Elemen <title>

Elemen <title> adalah salah satu elemen HTML yang paling penting. Fungsi utamanya adalah mendeskripsikan konten halaman web.

Meskipun judul bukan bagian yang terlihat dari halaman web, ia tetap penting untuk meningkatkan kualitas situs web, karena ia terlihat di berbagai lokasi:

  • Daftar mesin pencari
  • Bilah judul jendela
  • Di buku tanda pengenal pengguna

Judul harus sebaya-baya pendek dan dapat mendeskripsikan.

Ketika pengguna mencari situs web di internet, sebagian besar mesin pencari akan menampilkan judul situs di hasil pencarian. Pastikan judul sesuai dengan konten halaman web. Dengan cara ini, pengguna memiliki kesempatan yang lebih besar untuk mengakses situs web Anda dengan mengeklik tautan ini.

Ketika pengguna mengakses situs web Anda, judul di bilah judul jendela terlihat. Pastikan bahwa judul tetap dapat mendeskripsikan konten situs web walaupun jendela dikecilkan.

Setelah pengguna mengakses situs web Anda, judul halaman akan disimpan di folder riwayat (pengguna bahkan dapat menempatkan halaman ke dalam favoritnya). Untuk mengakses sukses nantinya, pastikan judul dapat mendeskripsikan situs web Anda dengan jelas.

Judul yang baik:

<title>Panduan HTML</title>
<title>Pengantar XML</title>

Judul buruk:

<title>Pengantar</title>
<title>Chapters 1</title>
<title>CodeW3C.com memiliki keseluruhan susunan yang baik dan mudah dipahami HTML, CSS, JavaScript,
Panduan DHTML, XML, XHTML, WAP, ASP, SQL, termasuk banyak contoh dan kode sumber.</title>

Lihat:Tag <title> HTML

Elemen <h1>

Elemen <h1> digunakan untuk mendeskripsikan judul yang paling tinggi di halaman web.

Karena beberapa peramban secara default akan menampilkan elemen <h1> dengan font yang besar, beberapa pengembang web menggunakan elemen <h2> untuk menggantikan elemen <h1> untuk menampilkan judul yang paling tinggi. Hal ini tidak akan mempengaruhi pembaca, tetapi akan membingungkan mesin pencari dan software lain yang mencoba 'menahami struktur halaman web'.

Pastikan gunakan <h1> untuk judul yang paling tinggi, dan <h2> dan <h3> untuk tingkat yang lebih rendah.

Coba buat halaman web Anda berdasarkan templat ini:

Jika Anda tidak menyukai ukuran font judul default, Anda dapat menggunakan gaya atau tabel gaya untuk mengubahnya.

Lihat:HTML <h1> - <h6> Tag