Artikel Pengenalan Wulin.com (www.vevb.com): HTML5 membuat interaksi komputer, dan interaksi jaringan-manusia menjadi lebih nyaman dan cocok untuk pengguna. Kurangnya dukungan sebelumnya untuk aplikasi media yang kaya dan penyimpanan ini tidak lagi menyebalkan untuk browser. Tujuan asli revolusi HTML5 adalah untuk mempromosikan web dari platform konten ke platform aplikasi standar dan menyatukan standar setiap kamp platform.
Apa itu HTML5, saya tidak perlu masuk ke detail di sini. Menurut pemahaman saya, inovasi HTML5 dapat diringkas sebagai sistem label semantik, dukungan media yang kaya dengan teknologi penyimpanan data tradisional Cina, magis, animasi kaya (kanvas) tanpa plug-in, dan dukungan API yang kuat. Singkatnya, HTML5 membuat interaksi komputer, dan interaksi jaringan manusia menjadi lebih nyaman dan cocok untuk pengguna. Kurangnya dukungan sebelumnya untuk aplikasi media yang kaya dan penyimpanan ini tidak lagi menyebalkan untuk browser. Tujuan asli revolusi HTML5 adalah untuk mempromosikan web dari platform konten ke platform aplikasi standar dan menyatukan standar setiap kamp platform.
Dalam artikel ini, saya akan memperkenalkan salah satu inovasi HTML5: struktur yang lebih jelas dan ringkas.
Kode header XHTML standar dari awal seharusnya terlihat seperti ini:
Di atas adalah bagian blog sederhana bagian html, yang terdiri dari header, area tampilan artikel, kolom sisi kanan, dan bawah. Pengkodeannya rapi dan sesuai dengan semantik XHTML, yang dapat dilakukan dengan baik bahkan dalam HTML 5. Tetapi untuk browser, ini adalah sepotong kode yang tidak membedakan antara bobot, daripada tag yang memungkinkan mesin untuk memahami semantik untuk menentukan blok yang sesuai. Misalnya, browser standar (seperti Firefox, Chrome dan bahkan versi baru IE9) memiliki kunci pintas yang dapat menyebabkan pelanggan melompat langsung ke navigasi halaman, tetapi masalahnya adalah bahwa semua blok ditentukan oleh Div, dan nilai ID div ditentukan oleh pengembang, sehingga browser tidak tahu blok yang harus menjadi blok di mana link navigasi yang terletak. Munculnya tag HTML 5 baru hanya menebus kekurangan ini. Kemudian, jika kode di atas diganti dengan HTML 5, Anda dapat menulisnya seperti ini:
Ternyata struktur halaman HTML bisa sangat indah sehingga dapat dilihat sekilas tanpa komentar. Untuk browser, Anda tidak akan lagi bingung ketika Anda menemukan blok yang sesuai.
Selain itu, meskipun HTML5 saat ini tidak didukung oleh semua browser, header ini yang dapat menghemat lebih dari 100 byte (untuk situs dengan level PV harian satu juta atau lebih, dapat menghemat banyak lalu lintas). Jika Anda telah meneliti mode resolusi browser, Anda harus tahu bahwa halaman akan memicu mode aneh tanpa mendefinisikan Doctype, dan selama browser ditentukan, Anda dapat menguraikan halaman dalam mode standar tanpa menentukan jenis DTD tertentu.
Sistem Pelabelan Semantik Baru
Pengkodean semantik adalah keterampilan yang diperlukan untuk pengembang front-end yang memenuhi syarat, tetapi ketika halaman web menjadi semakin kaya, jelas bahwa mereka tidak dapat melakukannya dengan hanya menggunakan tag XHTML asli untuk melakukan desemane. Tuhan berkata: Pasti ada cahaya! Lalu akan ada cahaya. Oleh karena itu, HTML 5 menyediakan serangkaian tag baru dan atribut yang sesuai untuk mencerminkan semantik khas situs web modern. Berlatih untuk menghasilkan kebenaran. Mari kita tulis contoh:
Saya tidak perlu mengatakan mana yang lebih rumit dan mana yang sederhana. Ya, header HTML5 bisa sangat sederhana sehingga dapat diingat dengan mudah! Dan, kasing, kutipan dan backslash sebelum braket sudut terakhir dapat diabaikan.
Mengapa bisa begitu longgar? Bahkan, jika XHTML dikirim sebagai teks/html, browser juga dapat menguraikannya dengan baik, dan browser tidak peduli dengan sintaks kode. Jadi, HTML 5 adalah metafisik, dapat melanggar beberapa standar asli, tetapi masih dapat berkinerja baik di browser.
Tentu saja, untuk kenyamanan bantuan tim dan pemeliharaan selanjutnya, kita masih harus menyatukan gaya penulisan yang Anda sukai, seperti:
Mari kita lihat bagaimana header HTML5 standar adalah: