एचटीएमएल <main> टैग

  • पिछला पृष्ठ <link>
  • अगला पृष्ठ <map>

वर्णन और उपयोग

<main> एलिमेंट दस्तावेज का मुख्य सामग्री निर्दिष्ट करता है。

<main> एलिमेंट के भीतर की सामग्री दस्तावेज के लिए अद्वितीय होनी चाहिए। बहुत से दस्तावेज में दोहराए जाने वाले सामग्री को नहीं शामिल किया जाना चाहिए, जैसे कि छात्रालय, नेविगेशन लिंक, कॉपीराइट जानकारी, वेबसाइट लोगो और खोज फॉर्म आदि।

ध्यान:दस्तावेज में एकल नहीं हो सकती <main> एलिमेंट। <main> एलिमेंट नहीं हो सकता <article>और<aside>और<footer>और<header> या <nav> एलिमेंट के प्रत्यक्ष पीढ़ी एलिमेंट

इन्स्टांस

उदाहरण 1

निर्दिष्ट करना दस्तावेज का मुख्य सामग्री:

<main>
  <h1>सबसे लोकप्रिय ब्राउज़र</h1>
  <p>क्रोम, फायरफॉक्स और एज आज के सर्वाधिक उपयोग किए जाने वाले ब्राउज़र हैं。</p>
  <article>
    <h2>गूगल क्रोम</h2>
    <p>गूगल क्रोम गूगल द्वारा विकसित एक नेटवर्क ब्राउज़र है जो 2008 में जारी किया गया...</p>
  </article>
  <article>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox मोज़िला द्वारा विकसित एक ओपन सोर्स नेटवर्क ब्राउज़र है......&</p>
  </article>
  <article>
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge माइक्रोसॉफ्ट द्वारा विकसित एक नेटवर्क ब्राउज़र है, जो 2015 में जारी किया गया......&</p>
  </article>
</main>

अपने आप सबसे प्रयोग करें

उदाहरण 2

CSS के द्वारा सेट किया जाता है <main> एलिमेंट का शैलीबद्ध:

<html>
<head>
<style>
main {
  margin: 0;
  padding: 5px;
  background-color: lightgray;
}
main > h1, p, .browser {
  margin: 10px;
  padding: 5px;
}
.browser {
  background: white;
}
.browser > h2, p {
  margin: 4px;
  font-size: 90%;
}
</style>
</head>
<body>
<main>
  <h1>सबसे लोकप्रिय ब्राउज़र</h1>
  <p>क्रोम, फायरफॉक्स और एज आज के सर्वाधिक उपयोग किए जाने वाले ब्राउज़र हैं。</p>
  <article>
    <h2>गूगल क्रोम</h2>
    <p>गूगल क्रोम गूगल द्वारा विकसित एक नेटवर्क ब्राउज़र है जो 2008 में जारी किया गया...</p>
  </article>
  <article>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox मोज़िला द्वारा विकसित एक ओपन सोर्स नेटवर्क ब्राउज़र है......&</p>
  </article>
  <article>
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge माइक्रोसॉफ्ट द्वारा विकसित एक नेटवर्क ब्राउज़र है, जो 2015 में जारी किया गया......&</p>
  </article>
</main>
</body>
</html>

अपने आप सबसे प्रयोग करें

वैश्विक प्रकृतियाँ

<main> टैग इसके अलावा इसका सहारा देती है HTML में वैश्विक प्रकृतियाँ。

इवेंट प्रकृतियाँ

<main> टैग इसके अलावा इसका सहारा देती है HTML में इवेंट प्रकृतियाँ。

ब्राउज़र सहारा

तालिका में दिए गए नंबर को पहली बार इस टैग को सहारा देने वाले ब्राउज़र का संस्करण कहा गया है。

च्रोम एज फायरफॉक्स सैफारी ओपेरा
च्रोम एज फायरफॉक्स सैफारी ओपेरा
26.0 12.0 21.0 7.0 16.0
  • पिछला पृष्ठ <link>
  • अगला पृष्ठ <map>