Analisis ringkas reka letak halaman HTML5 untuk peranti mudah alih _html5 kemahiran tutorial

Kami menggabungkan ciri-ciri peranti mudah alih (telefon mudah alih dan tablet) untuk memperkenalkan elemen teg semantik baharu dalam HTML5, serta pengetahuan dan contoh reka letak halaman Web di bawah penyemak imbas Web mudah alih.
Antara elemen baharu yang ditambahkan oleh standard HTML5, elemen yang digunakan untuk struktur halaman biasa termasuk pengepala pengaki nav pengaki mengetepikan bahagian artikel hgroup.
Berikut ialah pengenalan ringkas kepada elemen ini:
1.header
elemen pengepala> mentakrifkan gabungan halaman dokumen, biasanya beberapa maklumat panduan dan navigasi dan teg biasanya mengandungi maklumat Pengepala bahagian, seperti h1~h6 atau hgroup, dsb.

Salin kod

Kodnya adalah seperti berikut:

>　h1>Pembelajaran reka letak HTML5
　

Belajar bersungguh-sungguh

adalah konsisten dengan kod berikut:

Salin kod

Kod tersebut adalah seperti berikut:

　

Pembelajaran reka letak HTML5

2.footer

elemen mentakrifkan penghujung dokumen atau bab dan mengandungi beberapa maklumat asas tentang bab tersebut, seperti maklumat pengarang, pautan berkaitan dan maklumat hak cipta. Anda boleh menggunakan berbilang pengepala dan pengaki pada halaman, dan anda juga boleh memasukkan beberapa elemen lain, seperti div ul, dsb.

Maklumat privasi

　

Mengenai kami

3.nav

elemen digunakan untuk mentakrifkan navigasi terbina, memaparkan pautan navigasi dan digunakan untuk meletakkan beberapa pautan navigasi utama halaman semasa.

　

　　
• Maklumat Privasi
/ul> 🎜>　

4.aside
elemen digunakan untuk menentukan kawasan halaman, digunakan untuk mewakili kandungan utama yang berkaitan dengan halaman dan digunakan untuk memuatkan bukan teks kandungan utama, seperti lajur pengiklanan , bar sisi, dsb. 5.artikel
Elemen mewakili dokumen atau halaman, dan digunakan untuk memaparkan sekeping kandungan artikel bebas, seperti berita tapak web, artikel blog, dsb. .
　




Salin kod

Kodnya adalah seperti berikut:

< ;li>Tag Artikel 1
　　　　

• Tag Artikel2
🎜>

6.bahagian
　 Bahagian dalam elemen pertama elemen seperti bab, pengepala dan pengaki. 　
Salin kod


Kod adalah seperti berikut:




　　　　　

🎜> 🎜>


7.hgroup

　

ditakrifkan sebagai gabungan elemen tajuk halaman web atau bahagian, biasanya menggunakan nod teg h1~h6 berbilang peringkat untuk pengumpulan.
　



Salin kod
Kodnya adalah seperti berikut: hgroup>
　　　

🎜 >


Malah, sebagai tambahan kepada teg semantik yang kami perkenalkan, lebih banyak teg dengan semantik berbeza ditakrifkan dalam standard HTML5.

* audio: Tentukan kandungan audio. * kanvas: Tentukan fungsi kanvas. * arahan: Tentukan butang arahan. * senarai data: Tentukan senarai juntai bawah.

* butiran: Tentukan kandungan terperinci sesuatu elemen.

* dialog: Tentukan kotak dialog.

* keygen: Tentukan nilai kunci yang dituntut dalam borang.
* tanda: Tentukan teks yang ditanda.
* output: Tentukan beberapa jenis output.
* kemajuan: Tentukan proses tugasan.
* sumber: Tentukan sumber media.
* video: Tentukan kandungan video.
Walaupun banyak elemen baharu telah ditambahkan pada standard HTML5, tidak banyak peluang untuk benar-benar menggunakannya dalam aplikasi web mudah alih.
Walaupun teg seperti audio dan video boleh dipraktikkan dalam aplikasi web mudah alih, disebabkan prestasi, keserasian dan pemaparan halaman, ia tidak boleh digunakan dengan baik pada penyemak imbas web pada telefon pintar dan tablet.