Ang listahan ng paglalarawan ay nagbibigay ng isang semantikong paraan upang buuin at ipakita ang impormasyon na lumilikha ng isang relasyon sa pagitan ng mga termino at ang kanilang mga kaukulang paglalarawan. Ginagawa nitong mas naa-access at naiintindihan ang data o impormasyon. Maaaring gamitin ng mga tagalikha ang mga listahan ng paglalarawan sa mga lugar tulad ng mga glossary, diksyunaryo, seksyon ng FAQ, mga detalye ng produkto, atbp. Ipinapakita ng artikulong ito ang pamamaraan para sa paggamit ng listahan ng paglalarawan sa HTML.
Paano Gamitin ang Listahan ng Paglalarawan sa HTML?
Ang listahan ng paglalarawan ay binubuo ng ' ”, “ ”, at “ ” tag at ito ay ginagamit upang kumatawan sa isang koleksyon ng mga termino at ang kanilang mga kaukulang kahulugan. Ito ay nagpapakita/nagpapakita ng nilalaman sa isang structured na anyo kung saan ang paglalarawan ay higit pa sa isang simpleng bullet-point na listahan. Ang mga katangian ng CSS ay maaari ding ilapat sa listahan ng paglalarawan upang lumikha ng interface na nakakaakit sa paningin.
Bisitahin ang snippet ng code sa ibaba upang lumikha ng listahan ng paglalarawan sa HTML:
< katawan >
< div >
< h2 > Mga Bahagi ng Laptop Market h2 >
< dl >
< dt > Hp dt >
< DD > Sa Desktop Systems at kategorya ng mga laptop ay may bahagi ng 30 % DD >
< dt > Dell dt >
< DD > Sa Desktop Systems at kategorya ng mga laptop ay may bahagi ng 24 % DD >
< dt > Lenovo dt >
< DD > Sa Desktop Systems at kategorya ng mga laptop ay may bahagi ng 14 % DD >
dl >
div >
katawan >
Ang paliwanag ng snippet ng code sa itaas:
-
- Noong una, ang magulang ' div Ang elementong ” ay nilikha na nagsisilbing isang lalagyan para sa elemento ng listahan ng paglalarawan at iba pang elemento ng HTML tulad ng “ ”.
- Susunod, ang listahan ng paglalarawan '
- Pagkatapos, ang pangalan ng paglalarawan/termino ' Ang ” tag ay ginagamit upang tukuyin ang paglalarawan ng mga item na ang paglalarawan ay idaragdag.
- Pagkatapos nito, ang data ng paglalarawan ' ” tag ay ipinasok na naglalaman ng paglalarawan/impormasyon na nauugnay sa item ng paglalarawan.
Pagkatapos ng pagtatapos ng bahagi ng compilation, ang mga elemento ng HTML ay lilitaw sa webpage tulad nito:
Ang output ay nagpapakita na ang listahan ng paglalarawan ay nabuo.
Halimbawa 1: Magtalaga ng Maramihang Paglalarawan sa Iisang Termino
Maaaring gawin ang talahanayan ng paglalarawan kung saan mayroong higit sa isang paglalarawan para sa isang termino. Maaari itong maging partikular na kapaki-pakinabang kung mayroong higit sa isang kahulugan o paraan kung saan maaaring ipaliwanag ang termino para sa paglalarawan.
Ang code para sa senaryo sa itaas ay ipinapakita sa ibaba:
< div >< h2 > Mga Bahagi ng Laptop Market h2 >
< dl >
< dt > Hp dt >
< DD > Sa Desktop Systems at kategorya ng mga laptop ay may bahagi ng 30 % sa 2018 DD >
< DD > Sa Desktop Systems at kategorya ng mga laptop ay may bahagi ng 23 % sa 2017 DD >
< dt > Dell dt >
< DD > Sa Desktop Systems at kategorya ng mga laptop ay may bahagi ng 24 % sa 2018 DD >
< DD > Sa Desktop Systems at kategorya ng mga laptop ay may bahagi ng 27 % sa 2017 DD >
< dt > Lenovo dt >
< DD > Sa Desktop Systems at kategorya ng mga laptop ay may bahagi ng 14 % sa 2018 at 9 % sa 2017 DD >
dl >
div >
Sa code sa itaas:
-
- Una, ang listahan ng paglalarawan ay ginawa sa tulong ng ' dl ”, “ dt 'at' DD ' mga elemento.
- Susunod, maramihang ' 'Ang mga tag ay ginagamit sa ilalim ng iisang ' dt ' elemento. Nagtatalaga ito ng maraming paglalarawan sa isang termino.
Pagkatapos ng yugto ng compilation:
Ipinapakita ng output na maraming mga paglalarawan ang naidagdag para sa isang termino.
Halimbawa 2: Magtalaga ng Maramihang Mga Tuntunin sa Isang Paglalarawan
Ang mga developer ay maaari ding lumikha ng isang listahan ng paglalarawan na binubuo ng maraming mga termino para sa paglalarawan na may isang data ng paglalarawan. Ito ay lalong kapaki-pakinabang kapag maraming termino ang magkatulad o may parehong functionality. Sa pamamagitan ng paggamit ng diskarteng ito, ang lahat ng mga terminong ito ay maaaring ilarawan nang sabay-sabay:
< div istilo = 'margin: 20px' >< h2 > Mga Bahagi ng Laptop Market h2 >
< dl >
< dt > Hp dt >
< dt > EliteBook dt >
< dt > proBook dt >
< DD > Sa Desktop Systems at kategorya ng mga laptop ay may bahagi ng 30 % sa 2018 DD >
< DD > Sa Desktop Systems at kategorya ng mga laptop ay may bahagi ng 23 % sa 2017 DD >
< dt > Lenovo dt >
< DD > Sa Desktop Systems at kategorya ng mga laptop ay may bahagi ng 14 % sa 2018 at 9 % sa 2017 DD >
dl >
div >
Sa block ng code sa itaas, ang listahan ng paglalarawan ay ginawa, at maramihang ' 'Ang mga tag ay ginagamit sa isang solong ' ” tag.
Pagkatapos ng pagtatapos ng yugto ng compilation:
Ipinapakita ng snapshot sa itaas na maraming termino ang itinalaga na may iisang data ng paglalarawan.
Konklusyon
Ang listahan ng paglalarawan ay ginawa gamit ang listahan ng paglalarawan ' ” tag na gumagawa ng lalagyan para sa mga item sa listahan at paglalarawan ng mga ito. Higit pa rito, ang ' ” tag ay nagsasaad ng pangalan ng item na ang paglalarawan ay ibibigay. Habang ang ' ” iniimbak ng tag ang kaukulang paglalarawan. Ang artikulong ito ay nagpakita ng paggamit ng isang listahan ng paglalarawan sa HTML.