Menggunakan HTML `Doctype` dalam Pembangunan Web Moden

Sebab mengapa anda perlu menulis adalah untuk mengelakkan penyemak imbas memasuki mod pelik dan memastikan halaman tersebut diberikan dengan betul dalam mod standard. Khususnya, ia termasuk: 1. Pelayar boleh mengenal pasti jenis dokumen HTML5 dengan betul; 2. Elakkan ketidakkonsistenan dalam pengiraan model kotak, gaya lalai dan ciri -ciri CSS kerana corak pelik; 3. Ia adalah sebahagian daripada piawaian HTML5 dan lebih mudah, tanpa merujuk kepada DTD; 4. Dalam pembangunan sebenar, adalah perlu untuk memberi perhatian kepada lokasi, kes dan penyisipan yang betul semasa penyampaian pelayan; 5. Kebanyakan rangka kerja akan mengendalikannya secara automatik, tetapi masih perlu untuk memeriksa sama ada Doctype wujud dalam penulisan manual atau dalam senario tertentu.

Dalam pembangunan web moden, walaupun fungsi mudah, ia adalah penting. Ia memberitahu penyemak imbas bahawa dokumen semasa menggunakan piawaian HTML5, memastikan halaman tersebut diberikan dalam mod standard, bukannya mod keserasian. Walaupun langkah ini tidak mencolok, ia secara langsung memberi kesan kepada kesan paparan dan prestasi tingkah laku halaman.

Mengapa anda perlu menulis ?

Walaupun kebanyakan pelayar moden boleh mengiktiraf jenis dokumen secara automatik, tidak menulis boleh menyebabkan penyemak imbas memasuki "mod kebiasaan". Dalam mod ini, kaedah parsing CSS akan lebih dekat dengan tingkah laku pelayar awal, menghasilkan susun atur dan gaya yang tidak konsisten.

Fenomena biasa termasuk:

• Kaedah pengiraan yang berbeza dari model kotak
• Margin lalai dan padding tidak konsisten
• Beberapa ciri CSS tidak dapat digunakan dengan betul

Oleh itu, untuk memastikan bahawa halaman memberikan dengan betul dalam semua pelayar, disarankan untuk sentiasa menulis Pada permulaan dokumen HTML.

Hubungannya dengan html5

adalah kaedah pengisytiharan dokumen standard yang diperkenalkan oleh HTML5. Berbanding dengan XHTML sebelumnya atau HTML 4.01, DOCTYPE HTML5 lebih mudah dan tidak lagi memerlukan rujukan kepada DTD (definisi jenis dokumen). Ini mengurangkan kos pembelajaran untuk pemaju dan lebih mudah dikekalkan.

Contoh Doctype Versi Lama (HTML 4.01):

 <! Doctype html public "-// w3c // dtd html 4.01 peralihan // en" "http://www.w3.org/tr/html4/loose.dtd">

Kesederhanaan HTML5 menjadikannya lebih sesuai untuk keperluan pembangunan web moden dan lebih mudah diingat dan digunakan.

Perkara yang perlu diperhatikan dalam perkembangan sebenar

Dalam perkembangan sebenar, terdapat beberapa mata yang mudah diabaikan:

• Lokasi mestilah betul : mestilah baris pertama fail HTML, dan tidak ada aksara atau komen di hadapannya.
• Kes tidak sensitif : HTML adalah kes-tidak sensitif, jadi tidak ada masalah untuk menulis sebagai <code> .
• Beri perhatian kepada rendering pelayan : Jika anda menggunakan React, VUE dan rangka kerja lain untuk penyerahan pelayan, pastikan bahawa Doctype dimasukkan dengan betul di hadapan rentetan HTML yang dihasilkan.

Jika anda menggunakan enjin templat (seperti PUG, EJS), ada yang secara automatik akan memasukkan doktor untuk anda, tetapi ia juga memerlukan konfigurasi manual.

Adakah alat dan kerangka diproses secara automatik?

Kebanyakan kerangka depan moden (seperti Next.js, Gatsby, Vue CLI) secara automatik akan menambah apabila menghasilkan HTML, jadi anda mungkin tidak perlu menambahnya secara manual. Walau bagaimanapun, perhatian khusus harus dibayar kepada situasi berikut:

• Semasa menggunakan templat HTML statik
• Semasa menulis templat e-mel atau halaman depan mikro secara manual
• Semasa melakukan rendering dan splicing string html

Pada masa ini, lebih baik untuk memeriksa kod sumber HTML output akhir untuk memastikan bahawa DOCTYPE wujud dengan betul.

Pada dasarnya itu sahaja. Walaupun ia hanya satu pernyataan yang mudah, ia adalah bahagian yang paling asas dan paling tidak diabaikan dalam pembangunan web moden.

Atas ialah kandungan terperinci Menggunakan HTML `Doctype` dalam Pembangunan Web Moden. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!