<section> ও <article> এলিমেন্টের ব্যবহার ও প্রয়োজনীয়তা

<section> এবং <article> এলিমেন্টগুলো স্ক্রিন রিডারদের জন্য উপকারী এবং দৃষ্টিবাধিত ব্যবহারকারীদের আপনার ওয়েব পেজের কন্টেন্ট পড়তে সাহায্য করে। এগুলো ইবুক রিডারদের জন্যও ফলদায়ক।

দুইটি এলিমেন্ট কীভাবে কাজ করে তা নিচে দেখানো হলো।

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