Article etiketi

article etiketi, bağımsız olarak kullanılabilen, kendi kendine yeterli ve bağımsız bir sayfa olarak kullanılabilen site blokları için tasarlanmıştır.

Örneğin, eğer makalelerin olduğu bir siteniz varsa, makaleyi bu etiketin içine yerleştirebilirsiniz. Eğer kullanıcı yorumlarınız varsa, bu yorumların her birini bu etiketin içine yerleştirebilirsiniz.

Ayrıca, eğer site içeriği için main etiketiniz varsa, article main içine yerleştirilebilir, ancak tersi olamaz.

Örnek

Makale metnini article etiketi içinde düzenleyelim:

html<div id="wrapper">
  <header>
    ...
  </header>
  <main>
    <article>
      <h1>Başlık</h1>
      <p>
        metin
      </p>
      <p>
        metin
      </p>
    </article>
  </main>
  <footer>
    ...
  </footer>
</div>
 

Örnek

Gönderileri article etiketleri içinde düzenleyelim:

html<div id="wrapper">
  <header>
    ...
  </header>
  <main>
    <h1>Yeni Gönderiler</h1>
    <article>
      <h2>Gönderi 1</h2>
      <p>
        metin
      </p>
      <p>
        metin
      </p>
    </article>
    <article>
      <h2>Gönderi 2</h2>
      <p>
        metin
      </p>
      <p>
        metin
      </p>
    </article>
  </main>
  <footer>
    ...
  </footer>
</div>
 

Ayrıca bakınız

  • site bloklarını gruplandıran section etiketi
  • sitenin üst kısmını belirleyen header etiketi
  • sitenin alt kısmını belirleyen footer etiketi
  • sitenin ana kısmını belirleyen main etiketi
  • sitenin ana menüsünü belirleyen nav etiketi
  • sitenin yan kısmını belirleyen aside etiketi