Rumah >hujung hadapan web >Tutorial H5 >Analisis ringkas reka letak halaman HTML5 untuk peranti mudah alih _html5 kemahiran tutorial

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBasal
2016-05-16 15:46:111468semak imbas

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

 


      
  • Maklumat Privasi
  • /ul> 🎜> 
    4.aside
    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.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn