Атрибут class тега <abbr>
Описание
Атрибут class позволяет назначать один или несколько классов элементу <abbr> для применения CSS-стилей или JavaScript-обработчиков. Это стандартный атрибут, работающий с любыми HTML-элементами.
<abbr class="term" title="HyperText Markup Language">HTML</abbr>
Типичные сценарии применения:
| Применение | Пример |
|---|---|
| Стилизация аббревиатур | .term { border-bottom: 1px dotted; } |
| Специальное оформление | .acronym { font-variant: small-caps; } |
| JavaScript-обработка | document.querySelectorAll('.abbr-tooltip') |
<style>
.abbr {
border-bottom: 1px dotted #999;
cursor: help;
}
.technical-term {
color: #0066cc;
font-weight: bold;
}
</style>
<p>
<abbr class="abbr technical-term" title="Cascading Style Sheets">CSS</abbr>
используется для стилизации <abbr class="abbr" title="HyperText Markup Language">HTML</abbr>-документов.
</p>
Рекомендации по именованию классов:
- Используйте семантические имена (
.term,.definition) - Избегайте стилевых названий (
.dotted,.blue) - Придерживайтесь единого стиля именования в проекте
- Для модификаторов используйте префиксы (
abbr--important)
Особенности работы:
- Классы можно комбинировать через пробел
- Специфичность стилей определяется стандартными CSS-правилами
- Поддерживается всеми современными браузерами
- Может использоваться с любыми CSS-препроцессорами