Belajar HTML - Doctype

Apa Itu Doctype ?

DOCTYPE bukanlah tag HTML, doctype adalah instruksi untuk web browser tentang apa versi bahasa markup halaman yang ditulis.

Deklarasi DOCTYPE mengacu pada Document Type Definition(DTD). DTD menetapkan aturan untuk bahasa markup, sehingga browser dapat membuat konten halaman tersebut dengan benar.

Deklarasi DOCTYPE harus menjadi hal pertama dalam dokumen HTML, sebelum tag <html>.

Tips: Biasakan Selalu menambahkan DOCTYPE ke halaman Anda. Ini akan membantu browser untuk membuat halaman web/blog dengan benar!

contoh Doctype

berikut adalah contoh sederhana dari deklarasi doctype dengan menggunakan HTML 4.01 Transitional :
(kita akan belajar deklarasi lebih dalam di bagian bawah artikel)

contoh

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


<html>
<head>
<title>Title Halaman</title>
</head>

<body>
isi dari kontent......
</body>

</html>


Pada contoh penggunaan deklarasi doctype di atas, kita bisa lihat bahwa kita menggunakan doctype jenis HTML 4.01Transitional.
oke, kita akan membahasnya lebih dalam kali ini.

lihat contoh-contoh dan fungsi dari doctype yang dapat di gunakan pada sebuah halaman berikut ini :


HTML 4.01 Strict

DTD ini berisi semua elemen HTML dan beserta atributnya, tapi TIDAK MEMPERBOLEHKAN presentasional (seperti font dan center). Fungsi Framesets tidak diperbolehkan:

berikut deklarasi doctype html 4.01 Strict :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


HTML 4.01 Transitional

DTD ini berisi semua elemen HTML dan atributnya, DAN MEMPERBOLEHKAN  elemen presentasional (seperti font). Fungsi Framesets tidak diperbolehkan:

berikut deklarasi doctype HTML 4.01 Tranditional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


HTML 4.01 Frameset

Ini sama dengan DTD HTML 4.01 Transitional, namun MEMUNGKINKAN penggunaan Frameset :

berikut deklarasi doctype HTML 4.01 Framset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">


oke, sekarang kita telah memahami fungsi dari DOCTYPE, dan waktunya untuk lanjut ...



<< HTML Layout : Sebelumnya                                                
Selanjutnya :  HTML dan CSS >>

5 komentar:

Diberdayakan oleh Blogger.