Списък с описания

Най-важното за Description List

Description List е специален вид списък в HTML, който се използва за представяне на термини и техните описания. Той има различна структура от подредените и неподредените списъци и съдържа два типа елементи – термин и неговата дефиниция. Най-ценното е, че можем лесно да стилизираме поотделно термините и описанията, без да добавяме допълнителни класове.

Стъпка по стъпка: създаване и стилизиране

1. Създайте списък с тага dl.
2. Добавете термин с dt (например „Job“).
3. Под него добавете описание с dd (например „моята работа“).
4. Повторете двойката dt + dd за нов термин (например „Description“ и „моята почивка“).
5. В CSS стилизирайте отделно dt и dd – например:
   • променете цвета на термините;
   • намалете размера на шрифта на описанията.

Ще забележите, че по подразбиране всички елементи са в черен цвят, но чрез отделно таргетиране можете ясно да разграничите термините от техните дефиниции.

Използвани HTML елементи

• dl – контейнер за Description List.
• dt – Description Term (термин).
• dd – Description Definition (описание на термина).

Този тип списък е особено подходящ за речници, FAQ секции, спецификации или всякаква информация, представена като двойки „име – описание“.