Kuvauslista tarjoaa semanttisen tavan jäsentää ja esittää tietoa luoden suhteen termien ja niitä vastaavien kuvausten välille. Se tekee tiedoista helpommin saavutettavia ja ymmärrettäviä. Tekijät voivat käyttää kuvausluetteloita paikoissa, kuten sanastoissa, sanakirjoissa, UKK-osiossa, tuotespesifikaatioissa jne. Tässä artikkelissa esitellään kuvausluettelon käyttäminen HTML:ssä.
Miten kuvausluetteloa käytetään HTML:ssä?
Kuvausluettelo koostuu ' ”, “ ”, ja ” ' -tunnisteet ja sitä käytetään edustamaan kokoelmaa termejä ja niitä vastaavia määritelmiä. Se esittää/näyttää sisällön jäsennellyssä muodossa, jossa kuvaus ylittää yksinkertaisen luettelon. CSS-ominaisuuksia voidaan käyttää myös kuvausluettelossa visuaalisesti houkuttelevan käyttöliittymän luomiseksi.
Käy alla olevassa koodinpätkässä luodaksesi kuvausluettelon HTML-muodossa:
< kehon >
< div >
< h2 > Kannettavien tietokoneiden markkinaosuudet h2 >
< dl >
< dt > Hp dt >
< dd > Pöytätietokoneet ja kannettavat tietokoneet -kategorialla on osuus 30 % dd >
< dt > Dell dt >
< dd > Pöytätietokoneet ja kannettavat tietokoneet -kategorialla on osuus 24 % dd >
< dt > Lenovo dt >
< dd > Pöytätietokoneet ja kannettavat tietokoneet -kategorialla on osuus 14 % dd >
dl >
div >
kehon >
Yllä olevan koodinpätkän selitys:
-
- Aluksi vanhempi ' div ' -elementti on luotu, joka toimii säilönä kuvausluetteloelementille ja muille HTML-elementeille, kuten ' ”.
- Seuraavaksi kuvausluettelo '
- Sitten kuvauksen nimi/termi ' ” -tunnistetta käytetään määrittämään niiden kohteiden kuvaukset, joiden kuvaus aiotaan lisätä.
- Tämän jälkeen kuvaustiedot ' ' -tunniste lisätään, joka sisältää kuvauskohteeseen liittyvän kuvauksen/tiedot.
Kokoonpanovaiheen päätyttyä HTML-elementit näkyvät verkkosivulla seuraavasti:
Tulos näyttää, että kuvausluettelo on luotu.
Esimerkki 1: Määritä useita kuvauksia yhdelle termille
Kuvaustaulukko voidaan luoda, jossa yhdelle termille on useampi kuin yksi kuvaus. Se voi olla erityisen hyödyllistä, jos kuvaustermiä voidaan selittää useammalla kuin yhdellä merkityksellä tai menetelmällä.
Yllä olevan skenaarion koodi näkyy alla:
< div >< h2 > Kannettavien tietokoneiden markkinaosuudet h2 >
< dl >
< dt > Hp dt >
< dd > Pöytätietokoneet ja kannettavat tietokoneet -kategorialla on osuus 30 % sisään 2018 dd >
< dd > Pöytätietokoneet ja kannettavat tietokoneet -kategorialla on osuus 23 % sisään 2017 dd >
< dt > Dell dt >
< dd > Pöytätietokoneet ja kannettavat tietokoneet -kategorialla on osuus 24 % sisään 2018 dd >
< dd > Pöytätietokoneet ja kannettavat tietokoneet -kategorialla on osuus 27 % sisään 2017 dd >
< dt > Lenovo dt >
< dd > Pöytätietokoneet ja kannettavat tietokoneet -kategorialla on osuus 14 % sisään 2018 ja 9 % sisään 2017 dd >
dl >
div >
Yllä olevassa koodissa:
-
- Ensin kuvausluettelo luodaan '' dl ”, “ dt ' ja ' dd ”elementtejä.
- Seuraavaksi useita ' 'tunnisteita käytetään yhden' dt ”elementtiä. Se määrittää yhdelle termille useita kuvauksia.
Kokoamisvaiheen jälkeen:
Tulos osoittaa, että yhdelle termille on lisätty useita kuvauksia.
Esimerkki 2: Määritä useita termejä yhdelle kuvaukselle
Kehittäjät voivat myös luoda kuvausluettelon, joka koostuu useista kuvaustermeistä ja yksittäisistä kuvaustiedoista. Se on erityisen hyödyllinen, kun useat termit ovat samankaltaisia tai niillä on samat toiminnot. Tätä tekniikkaa käyttämällä kaikki nämä termit voidaan kuvata kerralla:
< div tyyli = 'marginaali: 20px' >< h2 > Kannettavien tietokoneiden markkinaosuudet h2 >
< dl >
< dt > Hp dt >
< dt > EliteBook dt >
< dt > proBook dt >
< dd > Pöytätietokoneet ja kannettavat tietokoneet -kategorialla on osuus 30 % sisään 2018 dd >
< dd > Pöytätietokoneet ja kannettavat tietokoneet -kategorialla on osuus 23 % sisään 2017 dd >
< dt > Lenovo dt >
< dd > Pöytätietokoneet ja kannettavat tietokoneet -kategorialla on osuus 14 % sisään 2018 ja 9 % sisään 2017 dd >
dl >
div >
Yllä olevassa koodilohkossa luodaan kuvausluettelo ja useita ' 'tunnisteita käytetään yhdellä' ' -tunniste.
Kokoonpanovaiheen päätyttyä:
Yllä oleva tilannekuva osoittaa, että yhdellä kuvausdatalla on määritetty useita termejä.
Johtopäätös
Kuvausluettelo luodaan käyttämällä kuvausluetteloa ' ” -tunniste, joka luo säilön luettelokohteille ja niiden kuvauksille. Lisäksi ' ” -tunniste tarkoittaa tuotteen nimeä, jonka kuvaus tullaan antamaan. Samalla kun ' ” -tunniste tallentaa vastaavan kuvauksen. Tämä artikkeli on osoittanut kuvausluettelon käytön HTML:ssä.