Aprašų sąrašas suteikia semantinį būdą struktūrizuoti ir pateikti informaciją, kuriant ryšį tarp terminų ir juos atitinkančių aprašymų. Tai daro duomenis ar informaciją lengviau prieinamą ir suprantamą. Kūrėjai gali naudoti aprašų sąrašus tokiose vietose kaip žodynai, žodynai, DUK skyriai, produkto specifikacijos ir kt. Šiame straipsnyje parodyta aprašų sąrašo naudojimo HTML formatu procedūra.
Kaip naudoti aprašų sąrašą HTML?
Aprašų sąrašą sudaro „ “, „ “ ir „ “ žymos ir ji naudojama terminų rinkiniui ir atitinkamiems jų apibrėžimams pavaizduoti. Jame turinys pateikiamas / rodomas struktūrizuota forma, kurioje aprašymas viršija paprastą punktyrinį sąrašą. CSS ypatybės taip pat gali būti taikomos aprašų sąrašui, kad būtų sukurta vizualiai patraukli sąsaja.
Apsilankykite toliau pateiktame kodo fragmente, kad sukurtumėte aprašų sąrašą HTML:
< kūnas >
< div >
< h2 > Nešiojamųjų kompiuterių rinkos akcijos h2 >
< dl >
< dt > Hp dt >
< dd > Stalinių kompiuterių ir nešiojamųjų kompiuterių kategorijoje turi dalį 30 % dd >
< dt > Dell dt >
< dd > Stalinių kompiuterių ir nešiojamųjų kompiuterių kategorijoje turi dalį 24 % dd >
< dt > Lenovo dt >
< dd > Stalinių kompiuterių ir nešiojamųjų kompiuterių kategorijoje turi dalį 14 % dd >
dl >
div >
kūnas >
Aukščiau pateikto kodo fragmento paaiškinimas:
-
- Iš pradžių tėvas “ div “ buvo sukurtas elementas, kuris veikia kaip aprašymo sąrašo elemento ir kitų HTML elementų, tokių kaip „ “.
- Toliau aprašymų sąrašas „
- Tada aprašo pavadinimas / terminas ' “ žyma naudojama norint apibrėžti elementų, kurių aprašymas bus pridėtas, aprašymui.
- Po to aprašymo duomenys „ “ įterpiama žyma, kurioje yra aprašymas/informacija, susijusi su aprašomu elementu.
Pasibaigus kompiliavimo etapui, HTML elementai tinklalapyje rodomi taip:
Išvestis rodo, kad aprašymų sąrašas buvo sugeneruotas.
1 pavyzdys: vienam terminui priskirkite kelis aprašymus
Galima sukurti aprašo lentelę, kurioje yra daugiau nei vienas vieno termino aprašymas. Tai gali būti ypač naudinga, jei yra daugiau nei viena reikšmė ar metodas, kuriuo galima paaiškinti apibūdinimo terminą.
Aukščiau pateikto scenarijaus kodas parodytas žemiau:
< div >< h2 > Nešiojamųjų kompiuterių rinkos akcijos h2 >
< dl >
< dt > Hp dt >
< dd > Stalinių kompiuterių ir nešiojamųjų kompiuterių kategorijoje turi dalį 30 % in 2018 m dd >
< dd > Stalinių kompiuterių ir nešiojamųjų kompiuterių kategorijoje turi dalį 23 % in 2017 m dd >
< dt > Dell dt >
< dd > Stalinių kompiuterių ir nešiojamųjų kompiuterių kategorijoje turi dalį 24 % in 2018 m dd >
< dd > Stalinių kompiuterių ir nešiojamųjų kompiuterių kategorijoje turi dalį 27 % in 2017 m dd >
< dt > Lenovo dt >
< dd > Stalinių kompiuterių ir nešiojamųjų kompiuterių kategorijoje turi dalį 14 % in 2018 m ir 9 % in 2017 m dd >
dl >
div >
Aukščiau pateiktame kode:
-
- Pirmiausia aprašų sąrašas sukuriamas naudojant „ dl “, „ dt “ ir „ dd “ elementai.
- Toliau keli „ “ žymos naudojamos po vienu “ dt “ elementas. Vienam terminui priskiriami keli aprašymai.
Po kompiliavimo etapo:
Išvestis rodo, kad vienam terminui buvo pridėti keli aprašymai.
2 pavyzdys: vienam aprašui priskirkite kelis terminus
Kūrėjai taip pat gali sukurti aprašų sąrašą, kurį sudaro keli aprašymo terminai su vienu aprašymo duomenimis. Tai ypač naudinga, kai keli terminai yra panašūs arba turi tas pačias funkcijas. Naudojant šią techniką, visus šiuos terminus galima apibūdinti vienu metu:
< div stilius = 'margina: 20 piks.' >< h2 > Nešiojamųjų kompiuterių rinkos akcijos h2 >
< dl >
< dt > Hp dt >
< dt > Elitinė knyga dt >
< dt > proBook dt >
< dd > Stalinių kompiuterių ir nešiojamųjų kompiuterių kategorijoje turi dalį 30 % in 2018 m dd >
< dd > Stalinių kompiuterių ir nešiojamųjų kompiuterių kategorijoje turi dalį 23 % in 2017 m dd >
< dt > Lenovo dt >
< dd > Stalinių kompiuterių ir nešiojamųjų kompiuterių kategorijoje turi dalį 14 % in 2018 m ir 9 % in 2017 m dd >
dl >
div >
Aukščiau pateiktame kodo bloke sukuriamas aprašymų sąrašas ir keli „ “ žymos naudojamos su vienu “ “ žymą.
Pasibaigus kompiliavimo etapui:
Aukščiau pateikta momentinė nuotrauka rodo, kad keli terminai yra priskirti su vienu aprašo duomenimis.
Išvada
Aprašų sąrašas sukuriamas naudojant aprašų sąrašą “ “ žyma, kuri sukuria sudėtinį rodinį sąrašo elementams ir jų aprašams. Be to, „ “ žyma žymi prekės pavadinimą, kurio aprašymas bus pateiktas. Kol ' “ žyma išsaugo atitinkamą aprašymą. Šiame straipsnyje parodytas aprašų sąrašo naudojimas HTML.