Pertimbangkan proses kami membangunkan halaman :
1. Reka bentuk struktur halaman - HTML: Proses ini adalah untuk membina struktur halaman web menggunakan pelbagai elemen HTML.
2. Reka bentuk penampilan halaman - CSS: Proses ini adalah untuk menggunakan CSS untuk menambah baik penampilan halaman web.
3. Reka bentuk gelagat halaman - Javascript: Proses ini adalah untuk menetapkan gelagat tertentu pada elemen halaman web.
Selain CSS, HTML5 telah dikembangkan kepada pelbagai peringkat dalam dua aspek yang lain. Siri ini tertumpu pada aspek pertama. Sebelum ini, kami telah mempelajari tentang elemen kanvas dan svg yang kompleks. Bab berikut akan meringkaskan elemen lain yang ditambahkan oleh HTML5.

Elemen struktur
HTML5 menambah elemen struktur baharu, seperti pengepala, pengaki, navigasi navigasi, artikel kandungan, bahagian, dsb. Maksudnya seperti di bawah:

Selain elemen struktur keseluruhan halaman ini, HTML5 juga menambah elemen semantik peringkat blok, seperti elemen tambahan diketepikan, angka elemen imej, butiran elemen penerangan terperinci, dsb. Selain memaparkan maksud reka letak halaman dengan lebih baik, elemen ini tidak berbeza daripada div biasa Anda masih perlu bergantung pada CSS untuk memaparkan elemen ini. Berikut ialah contoh mudah:

Walaupun elemen ini agak mudah digunakan, tetapi ada masih terdapat beberapa perkara yang perlu diperhatikan
: 1 Jangan gunakan bahagian sebagai pengganti div Seksyen bukan bekas gaya. Elemen bahagian mewakili bahagian semantik kandungan yang membantu membina ringkasan dokumen. Ia harus mengandungi pengepala. Ia biasanya wujud sebagai sebahagian daripada artikel (sudah tentu artikel juga boleh menjadi sebahagian daripadanya). Jika anda sedang mencari elemen untuk digunakan sebagai bekas halaman atau memerlukan bekas gaya tambahan, kekal dengan div.
2. Hanya gunakan pengepala dan hgroup apabila diperlukan
Tidak bermakna menulis tag yang tidak perlu ditulis. Senario penggunaan pengepala dan hgroup biasanya seperti berikut:
• Elemen pengepala mewakili satu set teks tambahan pengenalan atau navigasi, yang sering digunakan sebagai ketua bahagian.
• Apabila pengepala mempunyai berbilang lapisan struktur, seperti sub-kepala, sari kata, pelbagai logo, dsb., gunakan hgroup untuk menggabungkan elemen h1-h6 sebagai pengepala bahagian.
Jika terdapat hanya beberapa elemen pengepala dalam pengepala atau hgroup di sini, mengapa tidak mengalih keluar dua teg yang tidak berguna ini, sebagai contoh: