Елемент article

Елементът article е предназначен за независими самодостатъчни блокове на сайта, които могат да бъдат използвани като самостоятелна страница.

Например, ако имате сайт със статии, то статията може да се постави в този елемент. Ако имате коментари от потребители, то всеки от тези коментари може да се постави в този елемент.

При това, ако имате елемент main за съдържанието на сайта, то article може да се разполага вътре в main, но не и обратно.

Пример

Оформяме текста на статията в елемент article:

html<div id="wrapper">
  <header>
    ...
  </header>
  <main>
    <article>
      <h1>Заглавие</h1>
      <p>
        текст
      </p>
      <p>
        текст
      </p>
    </article>
  </main>
  <footer>
    ...
  </footer>
</div>
 

Пример

Оформяме публикациите в елементи article:

html<div id="wrapper">
  <header>
    ...
  </header>
  <main>
    <h1>Нови публикации</h1>
    <article>
      <h2>Публикация 1</h2>
      <p>
        текст
      </p>
      <p>
        текст
      </p>
    </article>
    <article>
      <h2>Публикация 2</h2>
      <p>
        текст
      </p>
      <p>
        текст
      </p>
    </article>
  </main>
  <footer>
    ...
  </footer>
</div>
 

Вижте също