Memahami dan menggunakan elemen Artikel dan Bahagian dalam kemahiran tutorial HTML5_html5

WBOY

Lepaskan： 2016-05-16 15:49:55

asal

2110 orang telah melayarinya

HTML5 membawakan satu siri elemen baharu dan akan digunakan secara meluas pada masa hadapan. Walau bagaimanapun, terdapat beberapa elemen yang boleh mengelirukan untuk digunakan, termasuk dua elemen baharu: dan .
Soalan yang paling biasa ditanya ialah: dalam keadaan apakah kita harus menggunakan elemen ini? Dan bagaimanakah kita harus menggunakan elemen ini dengan betul?

Elemen bahagian
Ini adalah elemen yang paling tidak jelas. Bagaimanakah ia berbeza daripada elemen

Kami telah menggunakan

untuk membahagikan perenggan, jadi selain

, bilakah kami harus menggunakan elemen ini. Kami memetik dokumentasi rasmi untuk menggambarkannya. Menurut dokumen WHATWG, elemen diterangkan seperti berikut:
"Elemen mewakili perenggan biasa dalam dokumen atau aplikasi - WHATWG"

Daripada penerangan kita boleh lihat Tujuan elemen adalah untuk membahagikannya, lebih kurang serupa dengan

. Tetapi ia masih mempunyai kes khas. Dalam dokumentasi, kenyataan khas telah ditambahkan:
"Apabila elemen digunakan semata-mata untuk gaya atau untuk kemudahan skrip, kami menggalakkan pengarang menggunakan

. Elemen digunakan apabila kandungan elemen Apabila eksplisit penyenaraian diperlukan. - WHATWG"

Berdasarkan perkara ini, kami boleh meringkaskan dua perkara berikut:
Pertama, walaupun elemen bahagian secara teknikal boleh digayakan, tetapi kami masih mengesyorkan menggunakan elemen div apabila terdapat gaya atau skrip yang kompleks.
Kedua, sama dengan

elemen bahagian digunakan untuk menyenaraikan kandungan.

Jadi dalam contoh sebenar, sebab untuk menggunakan elemen adalah untuk menstruktur kandungan blog, kodnya adalah seperti berikut:

Salin kod

Kod adalah seperti berikut:

Tajuk Catatan Blog

Ais krim serbuk tart jeli-o.
Kuki ais krim gulamies tiramisu jelly-o.

-title">Tajuk Catatan Blog

Ais krim serbuk tart jeli-o.
Kek coklat Gummies biskut ais krim halvah tiramisu jelly-o.

Blog Post Title

Ais krim serbuk tart jeli-o
Kek coklat gummies kue ais krim halvah tiramisu jelly-o.

🎜>

Ini hanyalah contoh, elemen

Elemen artikel

Daripada namanya, ia telah menjelaskan dirinya dengan baik, tetapi kita masih perlu melihat bagaimana dokumen rasmi menerangkannya:
"Dalam dokumen, halaman, aplikasi atau bahagian tapak yang, secara amnya, boleh diedarkan semula atau diguna semula secara bebas, contohnya dalam siaran forum, majalah atau artikel berita, entri blog atau penyerahan pengguna, widget atau widget interaktif, atau mana-mana pendirian lain. item kandungan sahaja. ” Daripada huraian di atas, kita boleh menyimpulkan bahawa elemen dikhaskan untuk artikel berstruktur, terutamanya yang kita mahukan, seperti blog, kandungan halaman atau siaran forum.
Contoh berikut menunjukkan cara menggunakan

Salin kod

Kod tersebut adalah seperti berikut:

Ini ialah Blog Post Title

meta">

Nama Pengarang

Simpan dalam Kategori

sesame snap. /div>

Selain itu, elemen untuk membahagikan artikel kepada beberapa bahagian, seperti yang ditunjukkan dalam contoh di bawah.

Salin kod

Kodnya adalah seperti berikut:

Ini ialah Tajuk Catatan Blog

< ;li class="author">Nama Pengarang

Simpan dalam Kategori

;/div> ;

;
Sweet roll halvah biskut toffee liquorice tart sesame snaps
Biskut serbuk jeli-o fruitcake faworki kek coklat Puding oat
tootsie roll bijan snap lollipop gingerbread bonbon sapukan jeli roti halia -o pastri

kek. gula plum coklat bar topping ais krim kek lobak merah
Kek keju gummi beruang dragée dragée brownie jeli biskut jeli

Seperti yang diramalkan oleh pengasas HTML5 dan pengarah W3C, semua elemen baharu yang dicipta oleh HTML5 bertujuan untuk menjadikan struktur web lebih semantik. Aplikasi yang betul bagi elemen ini masih menjadi perdebatan di kalangan pembangun dan pereka web.
Dalam apa jua keadaan, jangan campur adukkan idea. Seperti yang saya nyatakan sebelum ini, jika ia masuk akal dan anda melihat struktur itu masuk akal menggunakannya, maka gunakannya.

Label berkaitan：

html5 section

sumber：php.cn

Artikel sebelumnya：Sambungan elemen HTML5 HTML (Bahagian 2) - elemen Borang yang dipertingkatkan patut diberi perhatian_html5 kemahiran tutorial Artikel seterusnya：Sambungan elemen HTML5 HTML (Bahagian 1) - Gambaran keseluruhan elemen yang baru ditambah dan kemahiran tutorial usage_html5

Kenyataan Laman Web ini

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

Artikel terbaru oleh pengarang