HTML <section> का उपयोग करना सीखें तत्व।
एचटीएमएल <section> किसी दस्तावेज़ में अलग-अलग सामग्री अनुभागों का प्रतिनिधित्व करने के लिए तत्व का उपयोग कंटेनर तत्व के रूप में किया जाता है।
आपके पास एक वेब पेज हो सकता है जिसमें कई अनुभाग हैं जो आपकी कंपनी के बारे में अलग-अलग जानकारी दिखाते हैं। उदाहरण के लिए:
- हीरो अनुभाग
- सेवा अनुभाग
- टीम अनुभाग
- प्रायोजक अनुभाग
- हमसे संपर्क करें अनुभाग
इसके बाद प्रत्येक अनुभाग को इस तरह से स्व-निहित अनुभागों में समाहित किया जा सकता है:
<section>
<h2>A section 1</h2>
<p>...</p>
<img src="" alt="" />
</section>
<section>
<h2>A section 2</h2>
<p>...</p>
<img src="" alt="" />
</section>
<section>
<h2>A section 3</h2>
<p>...</p>
<img src="" alt="" />
</section>
<section> के लिए एक और उपयोग मामला तत्व <article> के अंदर है तत्व।
मान लें कि आपके पास एक लंबा फ़ॉर्म लेख है जो कई विषयों पर चर्चा करता है। उस उद्देश्य के लिए आप <section> का उपयोग कर सकते हैं आपके लेख को विभिन्न विषय अनुभागों में विभाजित करने के लिए तत्व:
<article>
<h1>Main post title</h1>
<section>
<h2>Topic 1</h2>
<p>...</p>
<img src="" alt="" />
</section>
<section>
<h2>Topic 2</h2>
<p>...</p>
<img src="" alt="" />
</section>
<section>
<h2>Topic 3</h2>
<p>...</p>
<img src="" alt="" />
</section>
</article>
आप <article> भी डाल सकते हैं <section> के अंदर तत्व तत्व।
मान लें कि आपके सामने पृष्ठ पर आपके पास अनुभाग है जहां आप लेख कार्डों की एक सूची प्रदर्शित करते हैं जिनमें प्रत्येक में अलग-अलग पोस्ट का लिंक होता है:
<section>
<h2>Check out our latest blog posts</h2>
<article>
<a href="/path-to-blog-post-1">
<h3>Blog post 1</h3>
</a>
</article>
<article>
<a href="/path-to-blog-post-2">
<h3>Blog post 2</h3>
</a>
</article>
<article>
<a href="/path-to-blog-post-3">
<h3>Blog post 3</h3>
</a>
</article>
</section>
<section> टैग कंटेनर तत्वों को परिभाषित करने के लिए उपयोग किए जाने वाले कई HTML टैग्स में से एक है। सबसे अधिक उपयोग किए जाने वाले HTML कंटेनर तत्वों में से कुछ हैं:
<article> , <main> , <header> , <footer> ,<form> , और <div> , (जो एक सामान्य टैग है जिसका उपयोग हम तब करते हैं जब कोई अन्य टैग लागू नहीं होता है)।