Атрибут compact тега <ul>
Описание
Атрибут compact для тега <ul> предназначен для уменьшения межстрочного интервала и отступов в списке. Однако важно отметить, что этот атрибут устарел в HTML5 и не рекомендуется к использованию.
Важно: Атрибут compact считается устаревшим (deprecated) в HTML5. Для управления интервалами в списках следует использовать CSS-свойства.
Пример использования (устаревший):
<ul compact>
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
</ul>
Современная альтернатива с CSS:
<style>
.compact-list {
padding-left: 10px;
line-height: 1.2;
margin: 0.5em 0;
}
.compact-list li {
margin-bottom: 0.2em;
}
</style>
<ul class="compact-list">
<li>Компактный пункт 1</li>
<li>Компактный пункт 2</li>
</ul>
Почему compact устарел:
- Нарушает принцип разделения структуры и представления
- Имеет ограниченную и непоследовательную реализацию в браузерах
- Не предоставляет достаточного контроля над внешним видом
- Заменён более мощными CSS-свойствами
Рекомендуемые CSS-свойства:
| Свойство CSS | Описание | Пример значения |
|---|---|---|
line-height |
Межстрочный интервал | 1.2 |
padding |
Внутренние отступы | 0.5em |
margin |
Внешние отступы | 0.2em 0 |
gap |
Расстояние между элементами | 0.3em |
Пример создания компактного меню:
<style>
.compact-menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 1rem;
}
</style>
<ul class="compact-menu">
<li>Главная</li>
<li>О нас</li>
<li>Контакты</li>
</ul>
Историческая справка: В HTML4 атрибут compact использовался для создания более плотных списков, но в HTML5 был удалён из спецификации в пользу CSS-решений, предоставляющих больший контроль над внешним видом.