Kirjeldusloend pakub semantilist viisi teabe struktureerimiseks ja esitamiseks, luues seose terminite ja neile vastavate kirjelduste vahel. See muudab andmed või teabe kättesaadavamaks ja arusaadavamaks. Loojad saavad kasutada kirjeldusloendeid sellistes kohtades nagu sõnastikud, sõnastikud, KKK jaotised, toote spetsifikatsioonid jne. See artikkel tutvustab kirjeldusloendi kasutamise protseduuri HTML-is.
Kuidas kasutada kirjelduste loendit HTML-is?
Kirjeldusloend koosneb ' ”, „ ”, ja „ ” sildid ja seda kasutatakse terminite kogumi ja neile vastavate definitsioonide esitamiseks. See esitab/kuvab sisu struktureeritud kujul, milles kirjeldus läheb kaugemale lihtsast täpploendist. Visuaalselt atraktiivse liidese loomiseks saab CSS-i atribuute rakendada ka kirjeldusloendile.
HTML-is kirjeldusloendi loomiseks külastage allolevat koodilõiku:
< keha >
< div >
< h2 > Sülearvutite turuosad h2 >
< dl >
< dt > Hp dt >
< dd > Lauaarvutisüsteemide ja sülearvutite kategoorias on oma osa 30 % dd >
< dt > Dell dt >
< dd > Lauaarvutisüsteemide ja sülearvutite kategoorias on oma osa 24 % dd >
< dt > Lenovo dt >
< dd > Lauaarvutisüsteemide ja sülearvutite kategoorias on oma osa 14 % dd >
dl >
div >
keha >
Ülaltoodud koodilõigu selgitus:
-
- Alguses vanem ' div ' on loodud element, mis toimib konteinerina kirjeldusloendi elemendi ja muude HTML-i elementide jaoks, nagu ' ”.
- Järgmisena kuvatakse kirjelduste loend '
- Seejärel kirjelduse nimi/termin ' ” silti kasutatakse nende üksuste kirjelduse määratlemiseks, mille kirjeldust lisatakse.
- Pärast seda kuvatakse kirjelduse andmed ' ” lisatakse silt, mis sisaldab kirjeldava üksuse kirjeldust/teavet.
Pärast kompileerimisfaasi lõppu kuvatakse HTML-i elemendid veebilehel järgmiselt:
Väljund näitab, et kirjeldusloend on loodud.
Näide 1: määrake ühele terminile mitu kirjeldust
Saate luua kirjeldustabeli, milles ühe termini kohta on rohkem kui üks kirjeldus. See võib olla eriti kasulik, kui kirjeldava termini selgitamiseks on rohkem kui üks tähendus või meetod.
Ülaltoodud stsenaariumi kood on näidatud allpool:
< div >< h2 > Sülearvutite turuosad h2 >
< dl >
< dt > Hp dt >
< dd > Lauaarvutisüsteemide ja sülearvutite kategoorias on oma osa 30 % sisse 2018 dd >
< dd > Lauaarvutisüsteemide ja sülearvutite kategoorias on oma osa 23 % sisse 2017. aasta dd >
< dt > Dell dt >
< dd > Lauaarvutisüsteemide ja sülearvutite kategoorias on oma osa 24 % sisse 2018 dd >
< dd > Lauaarvutisüsteemide ja sülearvutite kategoorias on oma osa 27 % sisse 2017. aasta dd >
< dt > Lenovo dt >
< dd > Lauaarvutisüsteemide ja sülearvutite kategoorias on oma osa 14 % sisse 2018 ja 9 % sisse 2017. aasta dd >
dl >
div >
Ülaltoodud koodis:
-
- Esiteks luuakse kirjelduste loend '' abil dl ”, „ dt ” ja „ dd ” elemente.
- Järgmiseks mitu ' ' silte kasutatakse ühe ' dt ” element. See määrab ühele terminile mitu kirjeldust.
Pärast koostamisetappi:
Väljund näitab, et ühe termini kohta on lisatud mitu kirjeldust.
Näide 2: määrake ühele kirjeldusele mitu terminit
Arendajad saavad luua ka kirjeldusloendi, mis koosneb mitmest kirjeldusterminist koos ühe kirjelduse andmetega. See on eriti kasulik, kui mitu terminit on sarnased või neil on samad funktsioonid. Seda tehnikat kasutades saab kõiki neid termineid korraga kirjeldada:
< div stiilis = 'veeris: 20 pikslit' >< h2 > Sülearvutite turuosad h2 >
< dl >
< dt > Hp dt >
< dt > EliteBook dt >
< dt > proBook dt >
< dd > Lauaarvutisüsteemide ja sülearvutite kategoorias on oma osa 30 % sisse 2018 dd >
< dd > Lauaarvutisüsteemide ja sülearvutite kategoorias on oma osa 23 % sisse 2017. aasta dd >
< dt > Lenovo dt >
< dd > Lauaarvutisüsteemide ja sülearvutite kategoorias on oma osa 14 % sisse 2018 ja 9 % sisse 2017. aasta dd >
dl >
div >
Ülaltoodud koodiplokis luuakse kirjelduste loend ja mitu ' ' silte kasutatakse ühe ' ” silti.
Pärast koostamisfaasi lõppu:
Ülaltoodud hetktõmmis näitab, et ühe kirjelduse andmetega on määratud mitu terminit.
Järeldus
Kirjelduste loend luuakse kirjelduste loendi ' ” silt, mis loob loendiüksuste konteineri ja nende kirjelduse. Lisaks on ' ” silt tähistab üksuse nime, mille kirjeldust esitatakse. Samal ajal kui ' ” silt salvestab vastava kirjelduse. See artikkel on näidanud kirjeldusloendi kasutamist HTML-is.