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