DOCTYPE HTML5 Adalah – Fungsi, Deklarasi dan Cara Kerjanya

Tekno Clarity – DOCTYPE HTML5 Adalah – Fungsi, Deklarasi dan Cara Kerjanya, Pada kesempatan kali ini admin akan membahas tentang dunia programming web dengan membahas topik tag <!DOCTYPE html> pada berkas HTML5.

Artikel Menarik Lainnya :

Seperti yang mungkin kalian para programmer sudah tahu, sebuah halaman website dibuat dengan campuran berbagai bahasa program salah satunya adalah HTML. HTML mempunyai beberapa versi dan yang paling modern saat ini adalah versi ke 5 dari HTML.

Sedikit penjelasan mengenai HTML5 menurut WikiPedia, dapat kalian baca di bawah ini:

HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan (Wikipedia).

Apa itu <!DOCTYPE html> ?

DOCTYPE HTML5 Adalah - Fungsi, Deklarasi dan Cara Kerjanya

<!DOCTYPE html> adalah sebuah pengenal sebuah halaman website yang menggunakan penulisan kode HTML5, sementara Document Type (DOCTYPE) merupakan instruksi untuk mengaitkan halaman XML atau SGML tertentu menggunakan sintak pendefinisi tipe dokumen.

Nah jadi hanya HTML5 yang menggunakan tag pengenal <!DOCTYPE html> pada bagian awal kodingan dokumen websitenya yah. Jadi dengan adanya tag ini juga dapat memudahkan para web developer untuk mengenali versi HTML yang digunakan oleh sebuah website.

Log Pembaharuan Versi HTML

Log berikut akan menunjukkan urutan pembaharuan versi yang dialami oleh bahasa markah HTML, berikut ini adalah daftar updatenya:

  1. HTML
  2. HTML 2.0
  3. HTML 3.2
  4. HTML 4.01
  5. XHTML
  6. HTML5

Setiap update yang terjadi juga membawa perubahan yang signifikan dari dunia pembuatan website nih. Itu dikarenakan setiap update terjadi maka akan dilakukan penambahan tag yang sangat bermanfaat dan mampu memperkaya fitur sebuah halaman website.

Contohnya saja sejak pembaharuan versi HTML5, terdapat beberapa tag fitur baru yakni <audio>, <video>, <section>, <header> dan masih ada banyak tag yang menarik lainnya.

Fungsi <!DOCTYPE html> Apa ?

DOCTYPE HTML5 Adalah - Fungsi, Deklarasi dan Cara Kerjanya

Fungsi dari tag <!DOCTYPE html> adalah sebagai tag pengenal dan penanda bahwa dokumen website yang sedang user buka adalah halaman website yang dibuat menggunakan bahasa markah HTML5.

Bukan hanya user yang dapat terbantu oleh tag penanda ini, tetapi aplikasi internet browser seperti Google Chrome, Mozilla Firefox, Opera, Safari dan Internet Explorer juga akan terbantu loh.

Dengan adanya tanda pengenal DOCTYPE html5 ini browser akan bisa mengetahui cara terbaik untuk melakukan rendering media yang ditampilkan oleh halaman HTML5 tersebut.

Nah setelah mengetahui fungsi DOCTYPE html5 maka selanjutnya admin rasa kalian juga harus mengetahui bagaimana sebuah web browser melakukan rendering halaman website kan ?

Cara Kerja Browser Melakukan Renderring DOCTYPE html5 ?

DOCTYPE HTML5 Adalah - Fungsi, Deklarasi dan Cara Kerjanya

Terdapat 2 cara yang dilakukan oleh sebuah web browser dalam hal melakukan rendering halaman website nih yakni, Mode Standar dan Quirks. Keduanya admin jelaskan secara deskriptif di bawah ini:

Render Standar Web Browser

Dalam mode standar, sebuah web browser akan melakukan rendering menggunakan aturan yang terdapat pada CSS sebuah halaman website. Tetapi mode standar ini hanya dapat dijalankan pada saat web browser berhasil menemukan DOCTYPE html5 tersebut.

Render Quirks Web Browser

Mode yang satu ini dijalankan oleh web browser pada saat web browser yang digunakan belum mengetahui DOCTYPE yang dimiliki oleh sebuah file halaman website nih. Beberapa web browser masih dapat mengatasi hal tersebut dengan baik sih memang.

Tetapi untuk web browser yang memang gagal mengenali sebuah halaman website biasanya akan tetap menampilkan sebuah view halaman website tetapi hasilnya akan sangat berantakan nih.

Itulah yang menjadi penyebab deklarasi DOCTYPE html5 sangat perlu kalian sematkan pada bagian awal setiap file halaman website kalian yah. ! Selain memudahkan loading website kalian karena web browser mampu mengenali tipe dokumen halaman web kalian.

Nilai Search Engine Optimization yang diperoleh oleh website kalian juga pasti akan sangat meningkat pula loh ! Jadi saran admin jangan malas menuliskan deklarasi tipe dokumen yah.

Contoh Deklarasi DOCTYPE html5 !

Terakhir admin juga akan menunjukkan kepada kalian, bagaimana cara mendeklarasikan sebuah dokumen HTML5 dengan benar? dan berikut ini adalah contoh sintak lengkapnya dari Tekno Clarity:

<!DOCTYPE html>
<html>
<head>
<title>Tekno Clarity - We Own The Technologies</title>
</head>
<body>
<p>Ini Sebuah Paragraf dari Tekno Clarity</p>
</body>
</html>

Nah jadi seperti itulah contoh penulisan alias pendeklarasian DOCTYPE pada file web HTML5. Itulah yang dapat admin sampaikan pada artikel DOCTYPE HTML5 Adalah – Fungsi, Deklarasi dan Cara Kerjanya kali ini.

Semoga bermanfaat dan dapat menambah wawasan kalian semua yah, Terima kasih telah berkunjung di Tekno Clarity. Sekian dan Wassalamualaikum Warahmatullahi Wabarakatu.