Тег 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>
 

Погледајте такође