Kualiti Web - Element HTML yang penting

Untuk meningkatkan kualiti web, <DOCTYPE>, <title> dan <h1> adalah label penting.

Elemen <DOCTYPE>

Doctype bermakna "deklarasi jenis dokumen" (DTD).

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

doctype mendefinikan versi HTML yang anda gunakan dan memberikan maklumat penting kepada pelayar untuk menampilkan halaman anda dengan lebih pantas dan konsisten.

Deklarasi jenis dokumen ini juga membolehkan perisian pengesah 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:tanda <!DOCTYPE> HTML

elemen <title>

<title> adalah salah satu elemen HTML yang paling penting. Fungsi utamanya adalah untuk menggambarkan isi halaman web.

Walaupun judul bukan bagian yang dapat dilihat dari halaman web, ia tetap penting untuk meningkatkan kualitas laman web, kerana ia dapat dilihat di tempat berikut:

  • daftar mesin pencari
  • bilah judul jendela
  • di bawah penanda buku pengguna

Judul seharusnya secepatnya singkat dan dapat menggambarkan.

Saat pengguna mencari laman web di internet, kebanyakan mesin pencari akan menunjukkan judul laman di dalam hasil pencarian. Pastikan judul disesuaikan dengan isi halaman web. Dengan cara ini, pengguna lebih mungkin mengklik tautan untuk mengakses laman web anda.

Saat pengguna mengakses laman web anda, judul di bawah bilah judul jendela adalah dapat dilihat. Pastikan bahawa judul masih dapat menggambarkan isi laman web walaupun jendela disaizkan ke kecil.

Selepas pengguna mengakses laman web anda, tajuk laman web akan disimpan di folder sejarah (pengguna bahkan boleh simpan laman web ke pilihan tempat simpan anda). Untuk akses yang berikutnya yang sukses, pastikan tajuk boleh menggambarkan laman web anda dengan jelas.

Tajuk yang bagus:

<title>Panduan HTML</title>
<title>Ringkasan XML</title>

Tajuk yang buruk:

<title>Ringkasan</title>
<title>Bab 1</title>
<title>CodeW3C.com mempunyai sekumpulan yang disusun dengan baik dan mudah dipahami HTML, CSS, JavaScript,
Panduan DHTML, XML, XHTML, WAP, ASP, SQL, dan termasuk banyak contoh dan kod sumber.</title>

Lihat:HTML <title> Tag

Elemen <h1>

Elemen <h1> digunakan untuk menggambarkan tajuk yang paling tinggi di halaman web.

Karena beberapa pelayar akan menunjukkan elemen <h1> secara default dalam font yang besar, beberapa pengembang web akan gunakan elemen <h2> untuk menggantikan elemen <h1> untuk menunjukkan tajuk yang paling tinggi. Ini tidak akan mempengaruhi pembaca, tetapi akan membingungkan pencari dan perisian lain yang mencuba untuk 'mengerti struktur halaman web'.

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

Cuba buat halaman anda berdasarkan template ini:

Jika anda tidak suka saiz font tajuk laporan asal, anda boleh gunakan gaya atau laporan gaya untuk mengubahnya.

Lihat:HTML <h1> - <h6> Tag