แท็ก article

แท็ก article ออกแบบมาสำหรับบล็อกอิสระและสมบูรณ์ในตัวเองบนเว็บไซต์ ซึ่งสามารถใช้เป็นหน้าเว็บแยกต่างหากได้

ตัวอย่างเช่น หากคุณมีเว็บไซต์ที่มีบทความ คุณสามารถวางบทความไว้ในแท็กนี้ได้ หากคุณมีความคิดเห็นของผู้ใช้ แต่ละความคิดเห็นสามารถวางไว้ในแท็กนี้ได้

ในขณะเดียวกัน หากคุณมีแท็ก main สำหรับเนื้อหาหลักของเว็บไซต์ แล้ว article สามารถวางอยู่ภายใน main ได้ แต่ไม่ใช่ในทางกลับกัน

ตัวอย่าง

มาจัดรูปแบบข้อความบทความในแท็ก article:

html<div id="wrapper">
  <header>
    ...
  </header>
  <main>
    <article>
      <h1>หัวเรื่อง</h1>
      <p>
        ข้อความ
      </p>
      <p>
        ข้อความ
      </p>
    </article>
  </main>
  <footer>
    ...
  </footer>
</div>

ตัวอย่าง

มาจัดรูปแบบโพสต์ในแท็ก article:

html<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>

ดูเพิ่มเติม