Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML
Element का उपयोग कैसे करें

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> (जो एक सामान्य टैग है जिसका उपयोग हम तब करते हैं जब कोई अन्य टैग लागू नहीं होता है)।


  1. HTML <शीर्षक> तत्व का उपयोग कैसे करें

    HTML <title> . का उपयोग करना सीखें तत्व। एचटीएमएल <title> तत्व आपकी वेबसाइट के पृष्ठ शीर्षक का प्रतिनिधित्व करता है। आप जिस भी वेबसाइट पर हैं उसका पृष्ठ शीर्षक देखने के लिए, अपने माउस को ब्राउज़र पृष्ठ टैब पर ले जाएँ और अपने माउस को कुछ सेकंड के लिए उस पर स्थिर रखें, फिर आप पूरे पृष्ठ

  1. HTML में आवश्यक विशेषता का उपयोग कैसे करें?

    HTML में आवश्यक विशेषता का उपयोग किया जाता है o यह निर्दिष्ट करें कि प्रपत्र जमा करने से पहले तत्व को भरा जाना चाहिए। यदि फ़ील्ड नहीं भरी जाती है और सबमिट बटन पर क्लिक किया जाता है, तो एक त्रुटि उत्पन्न होती है, जो फॉर्म जमा करने में विफल हो जाती है। त्रुटि कृपया इस फ़ील्ड को भरें होगी। आवश्यक विशेष

  1. HTML में एलिमेंट की वैल्यू कैसे जोड़ें?

    मान का प्रयोग करें HTML में तत्व का मान जोड़ने के लिए विशेषता। यह निम्नलिखित तत्वों के साथ काम करता है - , , , , , , । उदाहरण value . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं विशेषता - <!DOCTYPE html> <html>    <body>       <head