แท็ก article
แท็ก article ออกแบบมาสำหรับบล็อกอิสระและสมบูรณ์ในตัวเองบนเว็บไซต์ ซึ่งสามารถใช้เป็นหน้าเว็บแยกต่างหากได้
ตัวอย่างเช่น หากคุณมีเว็บไซต์ที่มีบทความ คุณสามารถวางบทความไว้ในแท็กนี้ได้ หากคุณมีความคิดเห็นของผู้ใช้ แต่ละความคิดเห็นสามารถวางไว้ในแท็กนี้ได้
ในขณะเดียวกัน หากคุณมีแท็ก main สำหรับเนื้อหาหลักของเว็บไซต์ แล้ว article สามารถวางอยู่ภายใน main ได้ แต่ไม่ใช่ในทางกลับกัน
ตัวอย่าง
มาจัดรูปแบบข้อความบทความในแท็ก article:
<div id="wrapper">
<header>
...
</header>
<main>
<article>
<h1>หัวเรื่อง</h1>
<p>
ข้อความ
</p>
<p>
ข้อความ
</p>
</article>
</main>
<footer>
...
</footer>
</div>
ตัวอย่าง
มาจัดรูปแบบโพสต์ในแท็ก article:
<div id="wrapper">
<header>
...
</header>
<main>
<h1>โพสต์ใหม่</h1>
<article>
<h2>โพสต์ 1</h2>
<p>
ข้อความ
</p>
<p>
ข้อความ
</p>
</article>
<article>
<h2>โพสต์ 2</h2>
<p>
ข้อความ
</p>
<p>
ข้อความ
</p>
</article>
</main>
<footer>
...
</footer>
</div>
