Senarai perihalan menyediakan cara semantik untuk menstruktur dan mempersembahkan maklumat mewujudkan hubungan antara istilah dan perihalan yang sepadan. Ia menjadikan data atau maklumat lebih mudah diakses dan difahami. Pencipta boleh menggunakan senarai perihalan di tempat seperti glosari, kamus, bahagian Soalan Lazim, Spesifikasi produk, dll. Artikel ini menunjukkan prosedur untuk menggunakan senarai penerangan dalam HTML.
Bagaimana Menggunakan Senarai Penerangan dalam HTML?
Senarai penerangan terdiri daripada “ ”, “ ”, dan “ teg ” dan ia digunakan untuk mewakili koleksi istilah dan takrifan yang sepadan. Ia mempersembahkan/memaparkan kandungan dalam bentuk berstruktur di mana penerangan melangkaui senarai titik tumpu ringkas. Sifat CSS juga boleh digunakan pada senarai penerangan untuk mencipta antara muka yang menarik secara visual.
Lawati coretan kod di bawah untuk membuat senarai penerangan dalam HTML:
< badan >
< div >
< h2 > Saham Pasaran Laptop h2 >
< dl >
< dt > Hp dt >
< dd > Dalam Sistem Desktop dan kategori komputer riba mempunyai bahagian 30 % dd >
< dt > Dell dt >
< dd > Dalam Sistem Desktop dan kategori komputer riba mempunyai bahagian 24 % dd >
< dt > Lenovo dt >
< dd > Dalam Sistem Desktop dan kategori komputer riba mempunyai bahagian 14 % dd >
dl >
div >
badan >
Penjelasan coretan kod di atas:
-
- Pada mulanya, ibu bapa ' div 'elemen telah dicipta yang bertindak seperti bekas untuk elemen senarai penerangan dan elemen HTML lain seperti ' ”.
- Seterusnya, senarai penerangan '
- Kemudian, nama perihalan/istilah “ tag ” digunakan untuk mentakrifkan perihalan item yang perihalannya akan ditambahkan.
- Selepas itu, data huraian “ tag ” dimasukkan yang mengandungi penerangan/maklumat yang berkaitan dengan item penerangan.
Selepas tamat fasa kompilasi, elemen HTML muncul di halaman web seperti ini:
Output menunjukkan bahawa senarai penerangan telah dihasilkan.
Contoh 1: Berikan Berbilang Penerangan kepada Satu Istilah
Jadual huraian boleh dibuat di mana terdapat lebih daripada satu huraian untuk satu istilah. Ia boleh berguna terutamanya jika terdapat lebih daripada satu makna atau kaedah yang boleh menerangkan istilah perihalan.
Kod untuk senario di atas ditunjukkan di bawah:
< div >< h2 > Saham Pasaran Laptop h2 >
< dl >
< dt > Hp dt >
< dd > Dalam Sistem Desktop dan kategori komputer riba mempunyai bahagian 30 % dalam 2018 dd >
< dd > Dalam Sistem Desktop dan kategori komputer riba mempunyai bahagian 23 % dalam 2017 dd >
< dt > Dell dt >
< dd > Dalam Sistem Desktop dan kategori komputer riba mempunyai bahagian 24 % dalam 2018 dd >
< dd > Dalam Sistem Desktop dan kategori komputer riba mempunyai bahagian 27 % dalam 2017 dd >
< dt > Lenovo dt >
< dd > Dalam Sistem Desktop dan kategori komputer riba mempunyai bahagian 14 % dalam 2018 dan 9 % dalam 2017 dd >
dl >
div >
Dalam kod di atas:
-
- Pertama, senarai penerangan dibuat dengan bantuan ' dl ”, “ dt ” dan “ dd ” unsur.
- Seterusnya, berbilang ' tag ' digunakan di bawah satu ' dt ” unsur. Ia memberikan berbilang perihalan kepada satu istilah.
Selepas fasa penyusunan:
Output menunjukkan bahawa berbilang perihalan telah ditambahkan untuk satu istilah.
Contoh 2: Berikan Berbilang Istilah kepada Penerangan Tunggal
Pembangun juga boleh membuat senarai perihalan yang terdiri daripada berbilang istilah perihalan dengan data perihalan tunggal. Ia amat berguna apabila berbilang istilah serupa atau mempunyai fungsi yang sama. Dengan menggunakan teknik ini, semua istilah ini boleh diterangkan sekaligus:
< div gaya = 'margin: 20px' >< h2 > Saham Pasaran Laptop h2 >
< dl >
< dt > Hp dt >
< dt > EliteBook dt >
< dt > proBook dt >
< dd > Dalam Sistem Desktop dan kategori komputer riba mempunyai bahagian 30 % dalam 2018 dd >
< dd > Dalam Sistem Desktop dan kategori komputer riba mempunyai bahagian 23 % dalam 2017 dd >
< dt > Lenovo dt >
< dd > Dalam Sistem Desktop dan kategori komputer riba mempunyai bahagian 14 % dalam 2018 dan 9 % dalam 2017 dd >
dl >
div >
Dalam blok kod di atas, senarai penerangan dibuat dan berbilang “ tag ' digunakan dengan satu ' ” tag.
Selepas tamat fasa penyusunan:
Gambar di atas menunjukkan bahawa berbilang istilah diberikan dengan data perihalan tunggal.
Kesimpulan
Senarai penerangan dibuat menggunakan senarai penerangan “ teg ” yang mencipta bekas untuk item senarai dan perihalannya. Tambahan pula, “ teg ” menandakan nama item yang perihalannya akan diberikan. Sementara ' teg ” menyimpan perihalan yang sepadan. Artikel ini telah menunjukkan penggunaan senarai penerangan dalam HTML.