A leíráslista szemantikai módot biztosít az információk strukturálására és bemutatására, kapcsolatot teremtve a kifejezések és a hozzájuk tartozó leírások között. Hozzáférhetőbbé és érthetőbbé teszi az adatokat vagy információkat. Az alkotók használhatják a leírási listákat olyan helyeken, mint a szószedetek, szótárak, GYIK rovatok, termékspecifikációk stb. Ez a cikk bemutatja a leíráslista HTML-ben történő használatának eljárását.
Hogyan kell használni a leíráslistát HTML-ben?
A leírások listája a következőkből áll: ”, „ ”, és „ ” címkéket, és kifejezések gyűjteményének és a hozzájuk tartozó definícióknak a megjelenítésére szolgál. Strukturált formában mutatja be/megjeleníti a tartalmat, amelyben a leírás túlmutat egy egyszerű felsoroláson. A CSS-tulajdonságok a leíráslistára is alkalmazhatók, így tetszetős felületet hozhatunk létre.
Látogassa meg az alábbi kódrészletet egy leíráslista létrehozásához HTML-ben:
< test >
< div >
< h2 > Laptop piaci részesedések h2 >
< dl >
< dt > Hp dt >
< dd > Az Asztali rendszerek és laptopok kategóriában részesedése van 30 % dd >
< dt > Dell dt >
< dd > Az Asztali rendszerek és laptopok kategóriában részesedése van 24 % dd >
< dt > Lenovo dt >
< dd > Az Asztali rendszerek és laptopok kategóriában részesedése van 14 % dd >
dl >
div >
test >
A fenti kódrészlet magyarázata:
-
- Eleinte a szülő ' div ” elem jött létre, amely tárolóként működik a leíráslista elemhez és más HTML-elemekhez, például „ ”.
- Ezután a leírások listája '
- Ezután a leírás neve/kifejezése ' ” címke azon tételek leírásának meghatározására szolgál, amelyek leírását hozzá kívánjuk adni.
- Ezt követően a leírási adatok „ ” címke kerül beillesztésre, amely tartalmazza a leírási elemhez kapcsolódó leírást/információkat.
A fordítási fázis végén a HTML elemek a következőképpen jelennek meg a weboldalon:
A kimenet azt mutatja, hogy a leíráslista létrejött.
1. példa: Több leírás hozzárendelése egyetlen kifejezéshez
Létrehozható a leíró táblázat, amelyben egy kifejezéshez több leírás tartozik. Különösen hasznos lehet, ha egynél több jelentés vagy módszer van, amellyel a leírási kifejezés magyarázható.
A fenti forgatókönyv kódja az alábbiakban látható:
< div >< h2 > Laptop piaci részesedések h2 >
< dl >
< dt > Hp dt >
< dd > Az Asztali rendszerek és laptopok kategóriában részesedése van 30 % ban ben 2018 dd >
< dd > Az Asztali rendszerek és laptopok kategóriában részesedése van 23 % ban ben 2017 dd >
< dt > Dell dt >
< dd > Az Asztali rendszerek és laptopok kategóriában részesedése van 24 % ban ben 2018 dd >
< dd > Az Asztali rendszerek és laptopok kategóriában részesedése van 27 % ban ben 2017 dd >
< dt > Lenovo dt >
< dd > Az Asztali rendszerek és laptopok kategóriában részesedése van 14 % ban ben 2018 és 9 % ban ben 2017 dd >
dl >
div >
A fenti kódban:
-
- Először a leírási lista jön létre a „ dl ”, „ dt ” és „ dd ” elemeket.
- Ezután több „ ' címkéket egyetlen ' alatt használják dt ” elemet. Egy kifejezéshez több leírást rendel.
Az összeállítási fázis után:
A kimenet azt mutatja, hogy egyetlen kifejezéshez több leírás került hozzáadásra.
2. példa: Több kifejezés hozzárendelése egyetlen leíráshoz
A fejlesztők egy leíráslistát is létrehozhatnak, amely több leírási kifejezésből áll, egyetlen leírási adattal. Ez különösen akkor hasznos, ha több kifejezés hasonló vagy azonos funkcióval rendelkezik. Ezzel a technikával az összes kifejezés leírható egyszerre:
< div stílus = 'margó: 20 képpont' >< h2 > Laptop piaci részesedések h2 >
< dl >
< dt > Hp dt >
< dt > EliteBook dt >
< dt > proBook dt >
< dd > Az Asztali rendszerek és laptopok kategóriában részesedése van 30 % ban ben 2018 dd >
< dd > Az Asztali rendszerek és laptopok kategóriában részesedése van 23 % ban ben 2017 dd >
< dt > Lenovo dt >
< dd > Az Asztali rendszerek és laptopok kategóriában részesedése van 14 % ban ben 2018 és 9 % ban ben 2017 dd >
dl >
div >
A fenti kódblokkban létrejön a leíráslista, és több „ ' címkéket egyetlen ' ” címke.
Az összeállítási fázis vége után:
A fenti pillanatkép azt mutatja, hogy több kifejezés van hozzárendelve egyetlen leírási adathoz.
Következtetés
A leírási lista a leírási lista segítségével jön létre ” címke, amely létrehozza a tárolót a listaelemekhez és azok leírásához. Továbbá a „ ” címke annak az elemnek a nevét jelöli, amelynek leírását megadjuk. Amíg a ' ” címke tárolja a megfelelő leírást. Ez a cikk bemutatta a leíráslista használatát a HTML-ben.