HTML <main> एलिमेंट का उपयोग करना सीखें।
HTML <main> एलिमेंट का उपयोग <body> एलिमेंट के अंदर आपके पेज कंटेंट के मुख्य/प्रमुख भाग को दर्शाने के लिए एक कंटेनर के रूप में किया जाता है।
उदाहरण:
<body> <header><!-- हेडर कंटेंट --></header> <main> <article> <h3>Google Chrome</h3> <p>पैराग्राफ</p> </article> <article> <h3>शीर्षक</h3> <p>पैराग्राफ</p> </article> <article> <h3>शीर्षक</h3> <p>पैराग्राफ</p> </article> </main> <footer><!-- फूटर कंटेंट --></footer> </body><main> एलिमेंट में वह कंटेंट होता है जो आपके दस्तावेज़ के विषय के लिए केंद्रीय है।
जबकि <header> और <footer> एलिमेंट्स में भी कंटेंट होता है (आमतौर पर लिंक्स और लोगो), उन्हें आपकी वेबसाइट का मुख्य भाग नहीं माना जा सकता, इसलिए आप उन्हें <main> एलिमेंट के बाहर स्थित करते हैं।
<article> एलिमेंट के विपरीत, जो एक कंटेंट कंटेनर भी है, <main> एलिमेंट का उपयोग एक ही HTML दस्तावेज़ में केवल एक बार किया जाना चाहिए।
उदाहरण के लिए
<main> <article> <h1>आपके पोस्ट का शीर्षक</h1> <p>पैराग्राफ</p> <p>पैराग्राफ</p> <img src="your-image.jpg" alt="छवि का विवरण" /> <p>पैराग्राफ</p> <p>पैराग्राफ</p> </article> </main>जिस वेबसाइट को आप अभी पढ़ रहे हैं, वह एक समान HTML मार्कअप संरचना का पालन करती है। आप इसे स्वयं देख सकते हैं यदि आप इस वेबसाइट पर राइट-क्लिक करें और इंस्पेक्ट पर क्लिक करें।
<main> टैग कंटेनर एलिमेंट्स को परिभाषित करने के लिए उपयोग किए जाने वाले कई HTML टैग्स में से एक है। कुछ सबसे अधिक उपयोग किए जाने वाले HTML कंटेनर एलिमेंट्स हैं:
<section>, <article> , <header>, <footer>,<form>, और <div> (जो एक जेनेरिक टैग है जिसका उपयोग हम तब करते हैं जब अन्य टैग्स में से कोई भी लागू नहीं होता)।
