Атрибут class тега <address>
Описание
Атрибут class в теге <address> позволяет назначать CSS-классы для стилизации блока контактной информации.
Синтаксис:
<address class="имя-класса">...</address>
Примеры использования:
1. Базовая стилизация:<style>
.company-address {
font-style: normal;
padding: 15px;
background: #f5f5f5;
}
</style>
<address class="company-address">
ООО "Пример"<br>
г. Москва, ул. Примерная, 1
</address>
<address class="contacts primary-address">
<h3>Главный офис</h3>
Телефон: +7 (123) 456-78-90
</address>
Рекомендации по именованию:
| Тип именования | Пример | Применение |
|---|---|---|
| Семантическое | company-address |
Лучшая практика |
| Функциональное | contact-block |
Для переиспользуемых компонентов |
| Визуальное | shadow-box |
Если важен конкретный стиль |
Типичные стилевые решения:
/* Сброс курсива по умолчанию */
address.company-info {
font-style: normal;
}
/* Карточка контактов */
.contact-card {
border: 1px solid #ddd;
padding: 20px;
border-radius: 5px;
}
/* Вертикальный список контактов */
.contact-list {
line-height: 1.8;
}
Особенности:
- Может содержать несколько классов через пробел
- Наследует стили от родительских элементов
- Работает со всеми CSS-селекторами
- Поддерживается всеми современными браузерами
Лучшие практики:
- Используйте осмысленные имена классов
- Избегайте избыточных префиксов (например, "address-")
- Для сложных проектов применяйте методологии (БЭМ, OOCSS)
- Разделяйте структуру и оформление