<article>: The Article Contents element

A HTML <article> elem önálló egység egy dokumentumon, egy lapon, egy alkalmazáson, vagy egy oldalon belül, melynek célja a tartalom független megoszthatósága vagy újrafelhasználhatósága (lásd például a hírügynökségeknél). Ilyen például egy fórum bejegyzés, magazin - vagy újságcikk, illetve blogbejegyzés.

Tartalmi kategóriák Folytatólagos (flow) tartalom, szakaszoló tartalom, megfogható tartalom.
Megengedett tartalom Folytatólagos (flow) tartalom.
Tag kihagyás None, both the starting and ending tag are mandatory.
Megengedett szülők Bármilyen elem, ami megengedi a folytatólagos tartalmat. Megjegyzendő, hogy egy <article> elem nem lehet egy <address> elem leszármazottja.
Megengedett ARIA szerepek application, document, feed, main, presentation, region
DOM interfész HTMLElement

Attribútumok

Megjegyzések a használathoz

  • Minden <article> elemet illene azonosítani egy belőle származtatott cím (heading) elemmel (<h1>-<h6> elemek).
  • Beágyazott <article> elem esetén, a belső cikk a külsőhöz tartozik. Példa lehet erre, ha a hozzászólások <article> elemekként vannak beágyazva egy blogbejegyzéshez, mely szintén <article> elemként jelenik meg.
  • Egy <article> elem szerzői adatait a <address> elemmel lehet megadni, de a beágyazott cikkek szerzőit külön is meg kell adni.
  • Egy <article> elem publikálási idejét a <time> elem datetime attribútumával lehet megadni. Megjegyzendő, hogy a <time> elem pubdate attribútuma már nem része a W3C HTML 5 szabványnak.

Examples

<article class="film_review">
  <header>
    <h2>Jurassic Park</h2>
  </header>
  <section class="main_review">
    <p>A dínók klasszak!</p>
  </section>
  <section class="user_reviews">
    <article class="user_review">
      <p>Túl félelmetes nekem.</p>
      <footer>
        <p>
          Ekkor:
          <time datetime="2015-05-16 19:00">Május 16</time>
          Lisa írta.
        </p>
      </footer>
    </article>
    <article class="user_review">
      <p>Egyetértek, a dínók a kedvenceim.</p>
      <footer>
        <p>
          Ekkor:
          <time datetime="2015-05-17 19:00">Május 17</time>
          Tom írta.
        </p>
      </footer>
    </article>
  </section>
  <footer>
    <p>
      Ekkor
      <time datetime="2015-05-15 19:00">Május 15</time>
      Staff írta.
    </p>
  </footer>
</article>

Specifikációk

Böngésző kompatibilitás

BCD tables only load in the browser

Lásd még