Inovasi HTML5 dan keindahan kemahiran tutorial structure

Inovasi HTML5 dan keindahan kemahiran tutorial structure_html5

WBOY

Lepaskan： 2016-05-16 15:51:04

asal

1166 orang telah melayarinya

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:

🎜 >

, 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:

Apakah bahagian itu?

Bahagian baharu

p> ... Biasanya, ia akan mengandungi nama pengarang, tarikh dokumen itu dibuat dan/atau maklumat hubungan. Garis panduan penggunaan: Biasanya digunakan untuk membalut bahagian bawah umum keseluruhan halaman, dan juga boleh digunakan di bahagian bawah kawasan lain, seperti bahagian bawah artikel: