GORAGOD.com

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>