😎 » HTML5 » Оформление текста » Список описаний dl, dt и dd
848 0  

Список описаний dl, dt и dd

Список описаний хорош для разметки вопросов-ответов, наименований и определений, категорий и тем. Он создаётся с помощью трёх тегов:

Смотреть пример оформления списка dl

Можно сделать и меню - смотреть

Каждый такой список начинается с контейнера <dl>, куда входит тег <dt> создающий термин и тег <dd> задающий определение этого термина.


  • <dl> (сокращение от «description list») обозначает сам список описаний;
  • <dt> (сокращение от «description term») обозначает термин;
  • <dd> (сокращение от «description definition») обозначает описание или определение.



Каждый список <dl> может содержать один или несколько терминов и одно или несколько описаний для каждого термина. Пример кода:

Стандартно:
<dl>
  <dt>HTML</dt>
  <dd>Язык гипертекстовой разметки</dd>
</dl>

Можно и так:
<dl>
  <dt>HTML</dt>
  <dd>Язык гипертекстовой разметки</dd>
  <dt>CSS</dt>
  <dd>Каскадные таблицы стилей</dd>
  <dd>Язык для оформления HTML-документов</dd>
</dl>


bully По умолчанию браузер добавляет небольшой отступ слева от определений.

Залишити свій коментар:

Досвід у веброзробці:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2009
2023