HTML5 article element

<article> หมายถึงองค์ประกอบส่วนที่เป็นเนื้อหาของเว็บไซต์ที่มีความหมายในตัวของมันเอง ซึ่งจะต้องประกอบด้วย heading (h1-h6) ด้วยเสมอ โดยมีจุดประสงค์เพื่อให้ส่วนนี้ถูกแยกอออกจากส่วนอื่นๆ เช่น layout อย่างชัดเจน (แต่ก่อน ไม่ว่า layout หรือเนื้อหา เราก็มักใช้ <div> ทั้งนั้น) ยกตัวอย่างเช่น เรามักใช้ <article> กับส่วนที่เป็น บทความแต่ละอัน โพสต์ในเว็บบอร์ดแต่ละโพสต์ ความคิดเห็นแต่ละอัน ตลอดจน Widget แต่ละอัน

<article>

  <header>

    <h1>Article Title</h1>

  </header>

  <p>Article content</p>

  <p>.......</p>

  <footer>

    <a href=index.php?id=1>Permalink</a>

  </footer>

</article>

อีกสักตัวอย่างโดยมี Article หนึ่งอยู่ภายใน Article หลัก และใช้แสดงเป็นรายการข่าว

<article>

  <h1>ข่าวบันเทิง</h1>

  <p>คำอธิบายเกี่ยวกับข่าวในหมวดนี้</p>

  <article>

    <h2>หัวข้อข่าวที่ 1</h2>

    <p>รายละเอียดของข่าวที่ 1</p>

  </article>

  <article>

    <h2>หัวข้อข่าวที่ 2</h2>

    <p>รายละเอียดของข่าวที่ 2</p>

  </article>

</article>