Cách dùng thẻ <section> và <article>? Tại sao chúng được giới thiệu?

Các phần tử <section> và <article> hữu ích cho screen reader (trình đọc màn hình) và giúp người khiếm thị đọc nội dung trang web. Chúng cũng có lợi cho eBook reader.

Xem cách làm việc với cả hai phần tử.

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