DOCTYPE HTML5 dengan format penulisan <!DOCTYPE html> merupakan sintaks yang diletakkan pada bagian atas dari sebuah file html, tapi apakah kalian tahu persis apa itu DOCTYPE (Document Type) html ?

HTML Adalah sebuah singkatan dari Hypertext Markup Language yang merupakan sebuah bahasa yang digunakan untuk keperluan perancangan sebuah halaman web yang ditampilkan pada internet.

Artikel WebDev Lainnya :

Dalam dunia web development ada sintaks yang tersedia dan sebagai pengenal maka ada beberapa sintak yang dikenal pula sebagai header file. Nah untuk pengertian secara rinci mulai dari apa itu Doctype hingga DOCTYPE HTML5 dapat kalian simak dibawah 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 <!DOCTYPE html> ?

Document Type (DOCTYPE) adalah instruksi untuk mengaitkan dokumen XML atau SGML tertentu menggunakan sebuah sintak definisi tipe dokumen. Sementara <!DOCTYPE html> adalah sebuah sintaks pendeklarasian dokumen HTML5.

<!DOCTYPE html> mempunyai fungsi sebagai header pengenal untuk web browser tentang versi dokumen HTML yang sedang dibuka atau dimuat. Dan menggunakan <!DOCTYPE html> artinya dokumen menggunakan versi HTML5 versi terakhir.

List Versi Update HTML

HTML Seiring waktu juga ikut berkembang dan berikut ini adalah daftar versi Update HTML :

  • HTML
  • HTML 2.0
  • HTML 3.2
  • HTML 4.01
  • XHTML
  • HTML5

Nah setiap update pada HTML selalu memberikan cara pendeklarasian yang juga berbeda-beda, dan pada versi terakhir yakni HTML5 merupakan evolusi yang paling terbaru yang dilengkapi dengan elementAtribut dan Behaviour yang baru.

Beberapa sintaks pada HTML5 meliputi: <audio>,<video>, <section>, <header> dan masih banyak lagi yang lainnya.

Bagaimana Web Browser Melakukan Render ?

Terdapat 2 perilaku yang dilakukan oleh web browser dalam melakukan renderring sebuah halaman website, adapun keduanya adalah Mode Standar dan juga Mode Quirks.

Render Standar Web Browser

Dengan Mode Standar ini web browser melakukan rendering menggunakan konfigurasi CSS yang dimiliki oleh halaman website. Tetapi mode standart hanya dijalankan pada saat web browser berhasil menemukan deklarasi doctype html.

Mode Quirks Web Browser

Mode ini dijalankan pada saat web browser menganggap sebuah halaman website belum diciptakan menggunakan HTML yang sesuai standar. Web Browser pada umumnya akan bekerja lebih keras untuk melakukan penerjemahan sintaks pada sebuah halaman website.

Alhasil tampilan yang ditampilkan bisa jadi akan berbeda dari yang diharapkan. Oleh karena itu deklarasi DOCTYPE pada HTML sangat penting untuk dituliskan. Selain dapat meningkatkan pagespeed kalian pendeklarasian DOCTYPE pada halaman website juga bermanfaat untuk SEO kalian nantinya.

Contoh Sintak HTML dengan Deklarasi DOCTYPE

Nah terakhir adalah bagaimana cara menuliskan DOCTYPE html yang benar pada sebuah halaman HTML agar Web Browser dapat mengenali tipe dari halaman website yang kalian buat.

Sebelum itu adapun beberapa hal yang harus kalian perhatikan pada sintak <!DOCTYPE html> adalah sebagai berikut:

  • Deklarasi DOCTYPE bersifat Case Sensitive
  • Harus berada disetiap halaman HTML
  • Diletakkan pada bagian paling atas dokumen HTML
  • <!DOCTYPE html> menandakan anda menggunakan HTML5 Versi Terakhir

Nah setelah mengetahui aturan serta hal-hal yang harus diperhatikan pada saat pendeklarasian DOCTYPE html maka berikutnya adalah Contoh Penulisan Sintak DOCTYPE pada dokumen HTML :

<!DOCTYPE html>
<html>
<head>
<title>CoretanKode – We Code We Good</title>
</head>
<body>
<p>Contoh Full Sintaks</p>
</body>
</html>

Nah jadi itulah pengetahuan seputar Mengenal DOCTYPE HTML5 [Penjelasan Lengkap] yang dapat admin jelaskan pada postingan kali ini, Terima kasih telah berkunjung dan Assalamualaikum Warahmatullahi Wabarakatu.