Znacznik article

Znacznik article jest przeznaczony dla niezależnych, samodzielnych bloków strony, które mogą być wykorzystane jako samodzielna strona.

Na przykład, jeśli masz stronę z artykułami, to artykuł można umieścić w tym znaczniku. Jeśli masz komentarze użytkowników, to każdy z tych komentarzy można umieścić w tym znaczniku.

Przy tym, jeśli masz znacznik main dla treści strony, to article może być umieszczony wewnątrz main, ale nie odwrotnie.

Przykład

Sformatujmy tekst artykułu w znaczniku article:

html<div id="wrapper">
  <header>
    ...
  </header>
  <main>
    <article>
      <h1>Nagłówek</h1>
      <p>
        tekst
      </p>
      <p>
        tekst
      </p>
    </article>
  </main>
  <footer>
    ...
  </footer>
</div>
 

Przykład

Sformatujmy posty w znacznikach article:

html<div id="wrapper">
  <header>
    ...
  </header>
  <main>
    <h1>Nowe posty</h1>
    <article>
      <h2>Post 1</h2>
      <p>
        tekst
      </p>
      <p>
        tekst
      </p>
    </article>
    <article>
      <h2>Post 2</h2>
      <p>
        tekst
      </p>
      <p>
        tekst
      </p>
    </article>
  </main>
  <footer>
    ...
  </footer>
</div>
 

Zobacz także