Latest web development tutorials

Kualitas web - elemen HTML penting

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


<! DOCTYPE> elemen

Semua HTML dan XHTML halaman harus didefinisikan sesuai dengan apa yang versi HTML menggunakan <DOCTYPE> elemen.

doctype mendefinisikan versi HTML yang Anda gunakan, dan memberikan informasi penting untuk browser sehingga dapat lebih cepat dan konsisten membuat halaman Anda.

Dokumen deklarasi tipe tetapi juga untuk memverifikasi bahwa perangkat lunak dapat memeriksa sintaks halaman:

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict, Transisi, 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, Transisi, 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">

XHTML 1.1

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


<Title> elemen

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

Bahkan jika judul bukan merupakan bagian terlihat dari halaman, itu adalah untuk kualitas situs ini masih penting, karena terlihat di lokasi berikut:

  • daftar mesin pencari
  • bar judul jendela
  • bookmark pengguna

Judul harus sesingkat mungkin, dan memiliki deskriptif.

Ketika pengguna mencari di situs internet, kebanyakan mesin pencari akan menampilkan judul website dalam hasil pencarian. Pastikan bahwa isi judul dan halaman konsisten. Dalam hal ini pengguna lebih mungkin untuk memiliki akses ke situs Anda dengan mengklik link ini.

Ketika pengguna mengunjungi judul situs Anda di bar judul jendela itu terlihat. Pastikan bahwa bahkan ketika jendela diminimalkan, judul juga dapat berperan dalam isi deskripsi situs.

Setelah pengguna mengunjungi situs Anda, judul halaman akan disimpan dalam folder sejarah (Pengguna bahkan dapat menempatkan koleksi halaman favorit nya). Untuk kunjungan sukses berikutnya juga memastikan judul jelas menggambarkan situs Anda.

Judul yang sangat baik:

<Title> HTML Tutorial </ title>

<Title> XML Pendahuluan </ title>

Contoh judul kesenjangan ::

<Title> Pengantar </ title>

<Title> Bab 1 </ title>

W3Cschool memiliki satu set yang terorganisasi dengan baik, mudah dimengerti HTML, CSS, JavaScript, DHTML, XML, XHTML, WAP, ASP, SQL tutorial, dan mencakup berbagai contoh dan kode sumber.


<H1> elemen

<H1> elemen digunakan untuk menggambarkan judul halaman atas.

Karena beberapa browser akan default ke <h1> elemen ditampilkan sebagai huruf yang besar, sehingga akan ada beberapa pengembang web menggunakan <h2> elemen bukannya <h1> elemen untuk menampilkan judul atas. Ini tidak akan berdampak pada pembaca, tapi akan membuat orang-orang yang mencoba untuk "memahami struktur halaman" mesin pencari dan perangkat lunak lain bingung.

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

Menurut template ini Anda dapat mencoba untuk membangun halaman Anda:

Ini adalah judul utama

Beberapa teks awal

Ini adalah tingkat 2 judul

Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.

Ini adalah level 3 judul

Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.

Ini adalah level 3 judul

Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.

Jika Anda tidak menyukai ukuran font judul standar, gaya, atau Anda dapat menggunakan style sheet untuk berubah.