การใช้งานองค์ประกอบ <section> และ <article> ทำไมถึงนำเข้ามา?

องค์ประกอบ <section> และ <article> มีประโยชน์สำหรับ screen readers และช่วยผู้ใช้ที่มีปัญหาด้านการมองเห็นในการอ่านเนื้อหาเว็บเพจ นอกจากนี้ยังมีประโยชน์ต่อ eBook readers

มา看看วิธีใช้งานทั้งสององค์ประกอบ

<section>

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Section Tag</title>
  </head>
  <body>
    <section>
      <h1>Java</h1>
      <h3>Inheritance</h3>
      <p>Inheritance defines the relationship between superclass and subclass.</p>
    </section>
  </body>
</html>

<article>

<!DOCTYPE html>
<html>
  <body>
    <main>
      <h1>Learning</h1>
      <p>Learn to gain experience and try to share your knowledge with others.</p>
      <article>
        <h3>Web Development Tutorials</h3>
        <p>Consist of CSS, HTML, and PHP tutorials for 2nd Semester exams.</p>
      </article>
      <article>
        <h3>Academic Tutorials</h3>
        <p>Consist of Computer Fundamental, Computer Network tutorials for 1st Semester exams.</p>
      </article>
    </main>
  </body>
</html>