<article> - HTML елемент статті
Тег <article> представляє собою самостійну, незалежну частину контенту в документі, яка призначена для незалежного розповсюдження або повторного використання (наприклад, у синдикації).
Елемент <article> є секційним коренем, що означає, що він створює нову, незалежну секцію в структурі документа. Це важливо для допоміжних технологій, які використовують структуру заголовків для навігації.
Ключова відмінність від <section>: використовуйте <article>, коли контент є самодостатнім і міг би існувати окремо (наприклад, у RSS-стрічці). Використовуйте <section> для групування тематично пов'язаного контенту, який не обов'язково є самостійним.
Синтаксис
<article>
<h2>Заголовок статті</h2>
<p>Зміст статті...</p>
</article>Технічне резюме
| Категорія контенту | |
|---|---|
| Дозволений вміст | |
| Пропуск тегів | Жоден, початковий і закриваючий теги є обов’язковими. |
| Дозволений батьківський елемент | Будь-який елемент, що приймає потоковий контент. Елемент |
| Роль ARIA за замовчуванням |
|
| Дозволені ARIA ролі |
|
| DOM інтерфейс | HTMLElement |
Приклади використання
<article>
<h3>Технології майбутнього</h3>
<p>Штучний інтелект, квантові комп'ютери та біоінженерія змінюють наш світ...</p>
<footer>
<p>Опубліковано: 12 липня 2025</p>
</footer>
</article><section>
<h4>Коментарі</h4>
<article>
<h5>Іван:</h5>
<p>Чудова стаття! Дуже інформативно.</p>
</article>
<article>
<h5>Олена:</h5>
<p>Дякую, дізналася багато нового.</p>
</article>
</section>Підтримка браузерів
<article> |
|---|