Inovasi HTML5 dan keindahan kemahiran tutorial structure_html5

Kata Pengantar
HTML 5 adalah seperti revolusi, yang sedang berjalan dengan rancak dalam era pasca-Web2.0.
Apa itu HTML 5, saya tidak perlu pergi ke butiran di sini. Bagi inovasi HTML 5 pula, mengikut pemahaman saya, ia boleh diringkaskan sebagai sistem tag dengan semantik yang jelas, sokongan media kaya yang memudahkan kerumitan, teknologi penyimpanan data tempatan yang ajaib, animasi yang kaya (kanvas) yang tidak memerlukan plug-in. , dan sokongan API yang berkuasa. Ringkasnya, HTML 5 menjadikan interaksi manusia-komputer lebih selesa dan mesra pengguna. Kekurangan sokongan sebelum ini untuk aplikasi media kaya dan storan asli tidak lagi menjadi masalah untuk penyemak imbas. Menolak Web daripada platform kandungan kepada platform aplikasi piawai dan menyatukan piawaian pelbagai kem platform adalah niat asal revolusi HTML 5. Dalam artikel ini, saya akan memperkenalkan beberapa idea dan menerangkan salah satu inovasi HTML 5: struktur yang lebih jelas dan ringkas dengan semantik.

Mulakan dengan "kepala" Kod pengepala XHTML standard hendaklah seperti ini:

Salin kodKodnya adalah seperti berikut:

Adakah anda akan menghafalnya dengan hafalan? Sudah tentu tidak! Kita hanya perlu salin dan tampal secara mekanikal.
Lihat rupa pengepala HTML 5 standard:

Salin kod

Kodnya adalah seperti berikut:

Ia lebih rumit daripada mudah, saya tidak perlu mengatakannya. Ya, pengepala HTML 5 boleh jadi begitu ringkas dan mudah diingati! Juga, huruf besar, petikan dan garis miring ke belakang sebelum kurungan sudut terakhir boleh diabaikan.
Kenapa boleh longgar sangat? Malah, jika anda menghantar XHTML sebagai teks/html, penyemak imbas boleh menghuraikannya dengan baik, dan penyemak imbas tidak mengambil berat tentang sintaks kod tersebut. Oleh itu, HTML 5 adalah metafizik Ia mungkin melanggar beberapa piawaian asal, tetapi ia masih boleh berfungsi dengan baik dalam pelayar.
Sudah tentu, untuk kemudahan bantuan pasukan dan penyelenggaraan seterusnya, kami harus tetap menyatukan gaya penulisan yang anda suka, seperti:

Salin kod

Kodnya adalah seperti berikut:

charset=" gb2312" />

...
;


Selain itu, walaupun HTML 5 tidak disokong oleh semua penyemak imbas pada masa ini, ini boleh menjimatkan lebih daripada 100 bait (untuk tapak dengan lebih daripada satu juta PV harian, ia boleh menjimatkan banyak trafik) ) kepala kini sangat serasi. Jika anda telah meneliti mod penghuraian penyemak imbas, anda harus tahu bahawa halaman itu akan mencetuskan mod pelik jika doctype tidak ditakrifkan, tetapi selagi ditakrifkan, penyemak imbas boleh menghuraikan halaman dalam mod standard, dan Ada tidak perlu menyatakan jenis DTD tertentu.

Sistem teg semantik baharu

Pengekodan semantik ialah kemahiran penting untuk pembangun bahagian hadapan yang layak Walau bagaimanapun, apabila halaman web menjadi semakin kaya, hanya teg xhtml asal digunakan untuk menyahsemantik mereka jelas di luar kemampuannya. Tuhan berkata: "Jadilah terang!" Oleh itu, HTML 5 menyediakan satu siri teg baharu dan atribut yang sepadan untuk mencerminkan semantik tipikal tapak web moden. Amalkan kebenaran. Mari tulis contoh:

Salin kod
Kodnya adalah seperti berikut:

Tajuk laman web

sarikata

;li>CSS

JavaScript

--//header end-->

Ini adalah artikel tentang HTML Tag struktur baharu 5.

Ini ialah artikel tentang teg struktur baharu HTML 5.

Mengenai pengarang

Mr.Think, orang biasa yang menumpukan pada teknologi bahagian hadapan Web.

🎜 >

, kanan Terdiri daripada bar sisi dan bawah. Pengekodan adalah kemas dan mematuhi semantik XHTML Ia boleh berfungsi dengan baik walaupun dalam HTML 5. Tetapi kepada penyemak imbas, ini adalah sekeping kod tanpa membezakan pemberat, bukannya teg yang membolehkan mesin memahami semantik untuk menentukan blok yang sepadan. Contohnya, penyemak imbas standard (seperti Firefox, Chrome dan juga versi baharu IE) mempunyai kekunci pintasan yang boleh membawa pelanggan melompat terus ke navigasi halaman, tetapi masalahnya ialah semua blok ditakrifkan dengan DIV dan ID nilai DIV Ia ditentukan oleh pembangun, jadi penyemak imbas tidak tahu blok mana yang sepatutnya menjadi pautan navigasi. Kemunculan tag baharu HTML 5 hanya menggantikan kekurangan ini. Kemudian, kod di atas boleh ditulis seperti ini dalam HTML 5:





Salin kod


Kodnya adalah seperti berikut: