Главная
HTML-тег <article>
Характеристики
- Тип: блочный, статичный, семантический
- Назначение: Представляет самостоятельный блок контента, такой как статья, запись в блоге, сообщение на форуме или новостной блок.
- Родители: Любые HTML-теги, которые могут содержать блочные элементы, например, <body>, <main>, <section>.
- Потомки: Любые HTML-теги, которые могут содержать контент статьи, включая заголовки, параграфы, изображения и т.д.
- Глобальные атрибуты: все
- Атрибуты событий: все
Пример использования
<article>
<h2>Заголовок статьи</h2>
<p>Текст статьи...</p>
</article>
Использование в JavaScript
// Получение элемента <article>
const articleElement = document.querySelector('article');
// Добавление класса
articleElement.classList.add('featured');
// Изменение содержимого
articleElement.innerHTML += '<p>Дополнительный контент</p>';
Рекомендации по обеспечению доступности (a11y)
- Используйте <article> для самостоятельных блоков контента, которые могут быть независимо распространены или повторно использованы.
- Убедитесь, что каждый <article> имеет уникальный заголовок для облегчения навигации.
- Отсутствие семантического использования <article> может затруднить понимание структуры страницы для пользователей вспомогательных технологий.
Полезные ссылки