Ais krim serbuk tart jeli-o.
Kek coklat Gummies biskut ais krim halvah tiramisu jelly-o.
Rumah > Artikel > hujung hadapan web > Memahami dan menggunakan elemen Artikel dan Bahagian dalam kemahiran tutorial HTML5_html5
Memahami dan menggunakan elemen Artikel dan Bahagian dalam kemahiran tutorial HTML5_html5
- WBOYasal
- 2016-05-16 15:49:552109semak imbas
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:
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
"Elemen
Daripada penerangan kita boleh lihat Tujuan elemen
. 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
"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:
-title">Tajuk Catatan Blog
🎜>
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
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
Jadi dalam contoh sebenar, sebab untuk menggunakan elemen
Salin kod
Kod adalah seperti berikut:Tajuk Catatan Blog
Ais krim serbuk tart jeli-o.
Kuki ais krim gulamies 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
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
Contoh berikut menunjukkan cara menggunakan
Salin kod
Kod tersebut adalah seperti berikut:
Salin kod
Ini ialah Blog Post Title
meta">- Simpan dalam Kategori
sesame snap. /div>
Selain itu, elemen untuk membahagikan artikel kepada beberapa bahagian, seperti yang ditunjukkan dalam contoh di bawah.
Selain itu, elemen
Salin kod
Kodnya adalah seperti berikut:
Ini ialah Tajuk Catatan Blog
- Simpan dalam Kategori ;/div> ;
< ;li class="author">Nama Pengarang
;
kek. gula plum coklat bar topping ais krim kek lobak merah
;
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.
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