Hvordan bruke beskrivelsesliste i HTML?

Beskrivelseslisten gir en semantisk måte å strukturere og presentere informasjon på og skape et forhold mellom termer og deres tilsvarende beskrivelser. Det gjør dataene eller informasjonen mer tilgjengelig og forståelig. Skaperne kan bruke beskrivelseslister på steder som ordlister, ordbøker, FAQ-seksjoner, produktspesifikasjoner osv. Denne artikkelen demonstrerer prosedyren for å bruke en beskrivelsesliste i HTML.

Hvordan bruke beskrivelsesliste i HTML?

Beskrivelseslisten består av '

', '

', og '

”-tagger og den brukes til å representere en samling termer og deres tilsvarende definisjoner. Den presenterer/viser innholdet i en strukturert form der beskrivelsen går utover en enkel punktliste. CSS-egenskapene kan også brukes på beskrivelseslisten for å lage et visuelt tiltalende grensesnitt.

---

---

Gå til kodebiten nedenfor for å lage en beskrivelsesliste i HTML:

< kropp >
< div >
< h2 > Markedsandeler for bærbare datamaskiner h2 >
< dl >
< dt > Hp dt >
< dd > I kategorien stasjonære systemer og bærbare datamaskiner har en andel av 30 % dd >
< dt > Dell dt >
< dd > I kategorien stasjonære systemer og bærbare datamaskiner har en andel av 24 % dd >
< dt > Lenovo dt >
< dd > I kategorien stasjonære systemer og bærbare datamaskiner har en andel av 14 % dd >
dl >
div >
kropp >

Forklaringen på kodebiten ovenfor:

• • Til å begynne med, forelderen ' div '-elementet er opprettet som fungerer som en beholder for beskrivelseslisteelementet og andre HTML-elementer som '

    '.

  • Deretter kommer beskrivelseslisten '

    ”-taggen brukes for å sette opp miljøet for beskrivelseslisten.

  • Deretter, beskrivelsen navn/term '
    ”-taggen brukes til å definere beskrivelsen av elementene hvis beskrivelse skal legges til.
  • Etter det vil beskrivelsesdataene '
    Det settes inn taggen som inneholder beskrivelsen/informasjonen knyttet til beskrivelseselementet.

Etter slutten av kompileringsfasen vises HTML-elementene på nettsiden slik:

---

---

Utgangen viser at beskrivelseslisten er generert.

Eksempel 1: Tilordne flere beskrivelser til en enkelt term

Beskrivelsestabellen kan opprettes der det er mer enn én beskrivelse for en enkelt term. Det kan være spesielt nyttig hvis det er mer enn én betydning eller metode som beskrivelsesbegrepet kan forklares med.

Koden for scenariet ovenfor er vist nedenfor:

< div >
< h2 > Markedsandeler for bærbare datamaskiner h2 >
< dl >
< dt > Hp dt >
< dd > I kategorien stasjonære systemer og bærbare datamaskiner har en andel av 30 % i 2018 dd >
< dd > I kategorien stasjonære systemer og bærbare datamaskiner har en andel av 23 % i 2017 dd >
< dt > Dell dt >
< dd > I kategorien stasjonære systemer og bærbare datamaskiner har en andel av 24 % i 2018 dd >
< dd > I kategorien stasjonære systemer og bærbare datamaskiner har en andel av 27 % i 2017 dd >
< dt > Lenovo dt >
< dd > I kategorien stasjonære systemer og bærbare datamaskiner har en andel av 14 % i 2018 og 9 % i 2017 dd >
dl >
div >

I koden ovenfor:

• • Først opprettes beskrivelseslisten ved hjelp av ' dl ', ' dt ' og ' dd 'elementer.
  • Neste, flere '
    '-tagger brukes under en enkelt ' dt ' element. Den tildeler flere beskrivelser til et enkelt begrep.

Etter kompileringsfasen:

Utdataene viser at flere beskrivelser er lagt til for en enkelt term.

Eksempel 2: Tilordne flere termer til en enkelt beskrivelse

Utviklerne kan også lage en beskrivelsesliste som består av flere beskrivelsestermer med enkeltbeskrivelsesdata. Det er spesielt nyttig når flere termer er like eller har samme funksjonalitet. Ved å bruke denne teknikken kan alle disse begrepene beskrives samtidig:

< div stil = 'margin: 20px' >
< h2 > Markedsandeler for bærbare datamaskiner h2 >
< dl >
< dt > Hp dt >
< dt > Elitebok dt >
< dt > proBook dt >
< dd > I kategorien stasjonære systemer og bærbare datamaskiner har en andel av 30 % i 2018 dd >
< dd > I kategorien stasjonære systemer og bærbare datamaskiner har en andel av 23 % i 2017 dd >
< dt > Lenovo dt >
< dd > I kategorien stasjonære systemer og bærbare datamaskiner har en andel av 14 % i 2018 og 9 % i 2017 dd >
dl >
div >

I kodeblokken ovenfor opprettes beskrivelseslisten, og flere '

'-tagger brukes med en enkelt '

' stikkord.

Etter slutten av kompileringsfasen:

Øyeblikksbildet ovenfor viser at flere termer er tilordnet enkeltbeskrivelsesdata.

Konklusjon

Beskrivelseslisten opprettes ved å bruke beskrivelseslisten '

'-taggen som oppretter beholderen for listeelementene og deres beskrivelse. Videre er '

'-taggen angir varenavnet hvis beskrivelse skal gis. Mens '

”-taggen lagrer den tilsvarende beskrivelsen. Denne artikkelen har demonstrert bruken av en beskrivelsesliste i HTML.