Pengesahan HTML5: Memudahkan kod dan meningkatkan kualiti laman web

mata utama

Pengesahan HTML5 memberi tumpuan lebih kepada penggunaan elemen yang betul, ketepatan nilai atribut dan integriti atribut yang diperlukan, dan bukannya gaya kod. Ia masih merupakan alat yang berharga untuk memastikan bahawa tag anda mematuhi spesifikasi HTML5.
Terdapat banyak perbezaan antara pengesahan XHTML dan HTML5, termasuk elemen pilihan dan atribut, ketidakpekaan kes, dan keberkesanan unsur -unsur yang telah ditetapkan sebelumnya. Adalah disyorkan bahawa anda memilih gaya dan mengekalkan konsistensi sepanjang projek HTML5 anda.
Pengesahan HTML5 adalah penting untuk memastikan laman web diformat dengan betul dan ditafsirkan oleh penyemak imbas, dengan itu meningkatkan prestasi, mengurangkan kesilapan dan meningkatkan kebolehcapaian. Terdapat pelbagai alat dalam talian dan luar talian yang tersedia untuk pengesahan HTML5, dan alat pengesahan yang lebih ketat tersedia untuk mereka yang ingin mematuhi garis panduan yang lebih ketat.

(berikut adalah dikutip dari buku "HTML5 & CSS3 untuk dunia nyata, edisi ke-2" yang dikarang oleh Alexis Goldstein, Louis Lazaris dan Estelle Weyl. Anda juga boleh mencari di sini

Dalam bab sebelumnya, kami memperkenalkan beberapa perubahan sintaks dalam HTML5 dan menyentuh beberapa isu yang berkaitan dengan pengesahan. Mari mengembangkan konsep -konsep ini dengan lebih terperinci supaya anda dapat memahami dengan lebih baik perubahan dalam bagaimana halaman disahkan. HTML5 Validator tidak lagi memberi tumpuan kepada gaya kod. Anda boleh menggunakan huruf besar atau huruf kecil, menghilangkan petikan dalam atribut, tidak termasuk tag tertutup pilihan, dan anda boleh sewenang -wenangnya tidak konsisten, halaman anda masih akan sah.

Kemudian, anda mungkin bertanya, apa yang dianggap ralat pengesahan HTML5? Ia akan mengingatkan anda tentang penggunaan elemen yang salah, unsur -unsur yang tidak boleh dimasukkan, kehilangan atribut yang diperlukan, nilai atribut yang salah, dan banyak lagi. Singkatnya, Validator akan memberitahu anda jika tag anda bertentangan dengan spesifikasi, jadi ia masih merupakan alat yang berharga apabila membangunkan halaman.

Untuk memberi anda idea bagaimana HTML5 berbeza dari XHTML yang terlalu ketat, mari kita lihat beberapa butiran. Dengan cara ini anda dapat memahami apa yang dianggap sah dalam html5:

Dalam sintaks berasaskan XHTML, beberapa elemen yang diperlukan dalam XHTML tidak lagi diperlukan dalam HTML5 untuk membolehkan dokumen itu lulus HTML5; Ini kerana walaupun anda mengecualikan mereka, penyemak imbas secara automatik akan memasukkannya ke dalam dokumen.

• unsur kosong (iaitu unsur -unsur tanpa tag tertutup yang sepadan atau tanpa apa -apa) tidak perlu ditutup dengan slash tertutup;
• Unsur dan atribut boleh menjadi huruf besar, huruf kecil, atau kes campuran.
• Tiada tanda petikan diperlukan di sekitar nilai atribut. Pengecualian adalah menggunakan pelbagai nilai yang dipisahkan ruang, atau URL muncul sebagai nilai dan mengandungi rentetan pertanyaan dengan watak yang sama (=) aksara.
• Dalam sintaks berasaskan XHTML, beberapa sifat yang diperlukan dalam XHTML tidak lagi diperlukan dalam HTML5. Sebagai contoh, atribut jenis elemen skrip dan atribut XMLNS elemen HTML.
• Beberapa elemen yang ditutup dalam XHTML dan oleh itu tidak sah sekarang adalah sah;
• Teks lurus yang tidak muncul dalam mana -mana elemen tetapi diletakkan secara langsung dalam elemen badan akan membatalkan dokumen XHTML;
• Beberapa elemen yang mesti ditutup dalam XHTML tidak boleh ditutup dalam HTML5 tanpa menyebabkan kesilapan pengesahan;
• Unsur bentuk tidak memerlukan atribut tindakan.
• Borang elemen (misalnya input) boleh digunakan sebagai anak langsung elemen bentuk;
• unsur -unsur Textarea tidak memerlukan baris dan atribut COL.
Atribut sasaran pautan sebelum ini ditolak dalam XHTML. Ia kini sah dalam HTML5.
Seperti yang dibincangkan sebelum ini dalam bab ini, unsur-unsur peringkat blok boleh diletakkan dalam elemen pautan (a).
Jika & aksara (&) muncul sebagai teks pada halaman, ia tidak perlu dikodkan sebagai &.

Ini adalah senarai perbezaan yang agak komprehensif (walaupun tidak lengkap) antara skema ketat XHTML dan pengesahan HTML5. Sesetengahnya adalah pilihan gaya, jadi kami menggalakkan anda memilih gaya dan konsisten. Kami menggariskan beberapa pilihan gaya pilihan dalam bab sebelumnya, dan anda dialu -alukan untuk memasukkan cadangan ini ke dalam projek HTML5 anda sendiri.

nota: Alat pengesahan ketat

Jika anda ingin menggunakan garis panduan yang lebih ketat untuk mengesahkan gaya tag tatabahasa, terdapat beberapa alat yang boleh anda gunakan untuk membantu anda. Salah satu alat ialah Inspektor HTML Philip Walton. Untuk menggunakannya, anda boleh memasukkan skrip di halaman anda semasa fasa pembangunan, kemudian buka konsol JavaScript penyemak imbas dalam alat pemaju dan jalankan perintah htmlinspector.inspect (). Ini secara langsung akan memaparkan banyak amaran dan cadangan dalam konsol, menjelaskan cara meningkatkan markup anda. Inspektor HTML juga membolehkan anda menukar konfigurasi untuk menyesuaikan alat mengikut keperluan anda.

Ringkasan

Setakat ini, kami telah mempelajari hampir semua perubahan semantik dan sintaks baru dalam HTML5. Beberapa maklumat ini mungkin sukar dicerna pada mulanya, tetapi jangan risau! Cara terbaik untuk mengenali HTML5 adalah menggunakannya - mulakan dengan projek anda yang seterusnya. Cuba gunakan beberapa elemen struktur yang kami diperkenalkan dalam bab sebelumnya, atau beberapa semantik peringkat teks yang kita lihat dalam bab ini. Sekiranya anda tidak pasti apa unsur untuk, kembali dan baca tentang bahagian itu, atau, lebih baik lagi, baca spesifikasi itu sendiri. Walaupun bahasa itu pastinya lebih membosankan daripada teks dalam buku ini (sekurang -kurangnya kami berharap demikian!), Spesifikasi dapat lebih menggambarkan penggunaan unsur yang dimaksudkan. Ingatlah bahawa spesifikasi HTML5 masih dalam pembangunan, jadi beberapa kandungan yang telah kami tutup masih boleh berlaku dalam versi HTML5.1 baru (atau dalam "standard dinamik" HTML5 jika anda mengikuti definisi apawg) perubahan. Spesifikasi akan sentiasa mengandungi maklumat terkini.

Dalam bab seterusnya, kita akan melihat ciri-ciri baru utama yang diperkenalkan dalam HTML5: Borang dan Ciri-ciri Berkaitan Borang.

FAQ Pengesahan Dokumen HTML5 (FAQ)

Apakah pengesahan HTML5 dan mengapa ia penting?

Pengesahan HTML5 adalah proses memeriksa kod laman web mengikut peraturan sintaks rasmi spesifikasi HTML5. Ini sangat penting kerana ia memastikan laman web anda diformat dengan betul dan boleh ditafsirkan dengan betul oleh penyemak imbas. Ini akan membawa kepada prestasi yang lebih baik, kesilapan yang lebih sedikit, dan peningkatan akses kepada pengguna yang kurang upaya. Di samping itu, ia dapat membantu dengan SEO, kerana enjin carian lebih suka tapak berstruktur dan bebas ralat.

Bagaimana untuk mengesahkan dokumen HTML5 saya?

Anda boleh menggunakan alat dalam talian seperti Perkhidmatan Pengesahan Tag W3C untuk mengesahkan dokumen HTML5 anda. Cukup masukkan URL laman web anda atau muat naik fail HTML anda dan alat itu akan menyemaknya dengan standard HTML5 dan melaporkan sebarang kesilapan atau amaran.

Apakah dokumen HTML5 yang paling tidak sah?

Dokumen HTML5 yang sah adalah dokumen HTML5 yang paling mudah, yang masih mematuhi piawaian yang ditetapkan oleh spesifikasi HTML5. Ia termasuk pengisytiharan jenis dokumen, elemen akar (HTML), elemen kepala dan elemen badan.

Apakah kesilapan pengesahan HTML5 yang biasa?

Kesilapan pengesahan HTML5 biasa termasuk tag tertutup yang hilang, bersarang unsur -unsur yang tidak betul, penggunaan unsur -unsur atau atribut yang telah ditetapkan, dan lupa untuk memasukkan pengisytiharan jenis dokumen pada permulaan dokumen.

Bagaimana untuk memperbaiki kesilapan pengesahan HTML5?

Betulkan ralat pengesahan HTML5 termasuk membetulkan kod berdasarkan mesej ralat yang disediakan oleh alat pengesahan. Ini mungkin termasuk menambah tag yang hilang, memadam atau menggantikan unsur -unsur yang tidak ditetapkan, atau membetulkan bersarang elemen.

Apakah peranan pengisytiharan jenis dokumen dalam pengesahan HTML5?

Pengisytiharan Jenis Dokumen adalah baris pertama dokumen HTML5, yang memberitahu pelayar versi HTML yang ditulis dalam. Adalah penting untuk pengesahan kerana ia membantu alat penyemak imbas dan pengesahan mentafsirkan seluruh kod dengan betul.

Bolehkah saya mengesahkan dokumentasi HTML5 yang mengandungi CSS dan JavaScript?

Ya, anda boleh mengesahkan dokumen HTML5 yang mengandungi CSS dan JavaScript. Walau bagaimanapun, pengesahan hanya memeriksa kod HTML. Untuk CSS dan JavaScript, anda perlu menggunakan alat pengesahan berasingan.

Apakah kelebihan menggunakan pengesahan HTML5?

Menggunakan HTML5 Validator boleh membantu anda menangkap dan memperbaiki kesilapan sebelum menimbulkan masalah. Ia dapat meningkatkan prestasi laman web, aksesibiliti, dan enjin carian laman web anda. Ia juga merupakan cara terbaik untuk mengetahui lebih lanjut mengenai HTML dan meningkatkan kemahiran pengekodan anda.

Bolehkah saya mengesahkan dokumen HTML5 di luar talian?

Ya, ada alat yang membolehkan anda mengesahkan dokumen HTML5 di luar talian. Alat ini termasuk aplikasi perisian dan alat baris arahan yang boleh anda pasang di komputer anda.

Apakah perbezaan antara pengesahan HTML5 dan pemeriksaan konsistensi HTML5?

Pengesahan HTML5 adalah mengenai memeriksa sintaks kod mengikut spesifikasi HTML5. Pemeriksaan konsistensi, sebaliknya, adalah untuk memastikan laman web anda mengikuti amalan terbaik dalam reka bentuk dan kebolehaksesan web, dan sintaks yang betul.

Atas ialah kandungan terperinci Mengesahkan Dokumen HTML5 - SitePoint. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!