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

WBOY

Lepaskan： 2016-05-16 15:46:11

asal

1323 orang telah melayarinya

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

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

4.aside

Elemen mewakili dokumen atau halaman, dan digunakan untuk memaparkan sekeping kandungan artikel bebas, seperti berita tapak web, artikel blog, dsb. .

Salin kod

< ;li>Tag Artikel 1
　　　　

Tag Artikel2

　 Bahagian dalam elemen pertama elemen seperti bab, pengepala dan pengaki. 　

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.