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