HTML

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

HTML <div> का उपयोग करना सीखें तत्व।

<div> तत्व एक सामान्य कंटेनर तत्व है जिसका उपयोग सामग्री को विभाजित करने, समूह बनाने और समाहित करने के लिए किया जाता है।

आपको केवल <div> . का उपयोग करना चाहिए तत्व का उपयोग करें यदि कोई अर्थपूर्ण HTML तत्व संदर्भ के सापेक्ष उपयोग करने के लिए समझ में नहीं आता है (या यदि आप निश्चित नहीं हैं)।

अर्थपूर्ण मार्कअप जब आप HTML तत्वों का उपयोग करते हैं जो आपके द्वारा रखी गई सामग्री के अर्थ/कार्य का वर्णन करते हैं। <div> तत्व एक सामान्य/अ-अर्थपूर्ण तत्व है।

एलीमेंट के लिए केस का उपयोग करें

मान लें कि आप अपनी वेबसाइट के लिए एक पुन:प्रयोज्य मोडल घटक को कोड कर रहे हैं, जो आपके साइट विज़िटर को आपके न्यूज़लेटर की सदस्यता के लिए प्रोत्साहित करता है।

इस तरह के एक घटक को परिभाषित करने के लिए कोई पूर्व-मौजूदा अर्थपूर्ण HTML टैग नहीं है, इसलिए जेनेरिक <div> का उपयोग करने का यह एक आदर्श उदाहरण है। कंटेनर तत्व:

<div class="subscribe-modal">
  <form id="contact" method="post" action="">
    <fieldset>
      <h3>Subscribe to my Newsletter</h3>
      <input
        name="email"
        id="email"
        type="email"
        placeholder="Enter your email address here"
        required
      />
      <input type="submit" name="submit" class="submit" value="Subscribe!" />
    </fieldset>
  </form>
</div>

<div> टैग कंटेनर तत्वों को परिभाषित करने के लिए उपयोग किए जाने वाले कई HTML टैग्स में से एक है। सबसे अधिक उपयोग किए जाने वाले HTML कंटेनर तत्वों में से कुछ हैं:

<article> ,<section> , <main> , <header> , <footer> ,<form> ।

यदि उपरोक्त में से कोई भी तत्व आपकी सामग्री के लिए कंटेनर के रूप में उपयोग करने के लिए समझ में आता है, तो सामान्य <div> के बजाय उनका उपयोग करें ।

क्यों? क्योंकि वे सभी अर्थपूर्ण तत्व टैग . हैं जबकि <div> एक गैर-अर्थपूर्ण टैग है, जो कोई विशिष्ट संदर्भ प्रदान नहीं करता है।

तत्व के बारे में जानकर अच्छा लगा

आप <div> . के अंदर किसी भी प्रकार की सामग्री डाल सकते हैं तत्व।

हालांकि सिमेंटिक मार्कअप की आम तौर पर सिफारिश की जाती है, लेकिन ब्राउज़र के लिए यह आवश्यक नहीं है कि वे आपके पेज को समझें और उपयोगकर्ता को प्रस्तुत करें।

हालांकि, यदि आप उन स्थितियों में जेनेरिक/अन-सिमेंटिक HTML तत्वों का उपयोग करते हैं, जहां HTML में आपके उपयोग के लिए पहले से ही सिमेंटिक टैग हैं, तो यह आपके SEO को नुकसान पहुंचा सकता है।

आम तौर पर, मैं <div> . का उपयोग करता हूं तत्व अगर मैं इस बारे में निश्चित नहीं था कि किस HTML तत्व का उपयोग करना है क्योंकि मैं गलत तत्व के बजाय एक सामान्य तत्व का उपयोग करता हूं। इसके अलावा, आप वास्तव में <div> . का उपयोग नहीं कर सकते हैं तकनीकी दृष्टि से गलत तत्व — केवल अर्थ की दृष्टि से।