HTML таг article

Пример

Кратък пример как се използва тагът <article>.

<article class="blog-post">
  <header>
    <h2>Какво е &lt;article&gt; в HTML?</h2>
    <p class="text-muted">Публикувано на 07.12.2025 г. от Иван Иванов</p>
  </header>

  <p>
    Елементът &lt;article&gt; се използва за самостоятелно, завършено съдържание,
    което може да бъде разпространявано независимо – например блог пост, новинарска
    статия или коментар.
  </p>

  <footer class="mt-3">
    <a href="#comments" class="btn btn-sm btn-outline-primary">Виж коментарите</a>
  </footer>
</article>

Дефиниция и употреба

Виж как се ползва тагът <article>.

Елементът <article> представлява самостоятелен, логически завършен блок съдържание, който може да съществува независимо от останалата част на страницата и да бъде преизползван или разпространяван отделно. Типични примери са блог публикации, новинарски статии, отделни постове във форум, потребителски коментари, продуктови описания, елементи от RSS/Atom емисии и др.

Всяко <article> обикновено съдържа собствено заглавие (например с <h1>–<h6>), основен текст, както и допълнителна информация като автор, дата на публикуване, тагове и футър. Елементът може да включва и други семантични тагове като <header>, <footer>, <section>, <aside>.

Използването на <article> подобрява семантиката на документа, улеснява екранните четци, търсачките и други инструменти, които анализират съдържанието. Препоръчително е да се използва, когато съдържанието има собствен смисъл извън контекста на конкретната страница и може да бъде показано самостоятелно (например в резултати от търсене, в емисия или в споделяне в социални мрежи).

Елементът може да бъде влаган (например коментари като <article> вътре в основна статия), стига всяко вложено <article> да представлява отделно, завършено съдържание. За общи тематични секции, които не са самостоятелни, е по-подходящо да се използва <section>.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути