HTML5 हेडिंग्स
HTML headings का इस्तेमाल किसी पेज या टॉपिक के बारे में जानकारी देने के लिए किया जाता है |
जब आप एक न्यूज़ पेपर पढ़ते है तो हर खबर की एक हैडिंग होती है जिससे हमें जानकारी मिलती है की खबर किस बारे में है और फिर वही खबर हैडिंग के ठीक निचे विस्तृत में लिखी जाती है |
इसी तरह HTML पेज में भी पेज और किसी टॉपिक की हैडिंग और सब-हैडिंग देकर वेबसाइट पर आने वाले visitors को अपने पेज और टॉपिक की जानकारी दे सकते है |
HTML में हमें 6 तरह की हैडिंग मिलती है जो h1 से लेकर h6 तक होती है |
<h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6>
ब्राउज़र में इसका आउटपुट कुछ ऐसा दिखाई देगा। ..
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
जैसा की आपने ऊपर देखा, <h1>
का साइज सब से बड़ा होता है और <h6>
का साइज सब से छोटा |
वेबपेज पर सबसे महत्वपूर्ण हैडिंग <h1>
में लिखी जाती है और सबसे कम महत्वपूर्ण हैडिंग <h6>
में |
HTML Headings का एलिमेंट टाइप और स्टाइल :
HTML हैडिंग ब्लॉक एलिमेंट्स होती है |
जब भी आप किसी भी HTML हैडिंग को लिखेंगे, यह अपने आप को एक नई लाइन में ले जाएगी और इसके बाद के एलिमेंट्स, अगली लाइन में चले जायेंगे |
HTML हैडिंग में डिफ़ॉल्ट मार्जिन प्रॉपर्टी भी होती है | जब आप वेबपेज में हैडिंग लिखते है तो आप एक डिफ़ॉल्ट मार्जिन नोटिस कर सकते है |
HTML Headings का स्टाइल बदलना :
आप CSS का इस्तेमाल कर के हैडिंग का साइज, कलर, फेस, मार्जिन, पेडिंग आदि को बदल सकते है |
HTML Headings से जुडी कुछ ज़रूरी बाते :
- हैडिंग सर्च इंजन के लिए भी बहुत ज़रूरी होती है |
<h1>
हैडिंग को पढ़ कर सर्च इंजन यह अंदाजा लगते है की आपका वेबपेज किस बारे में है | - एक पेज में हमेशा एक ही
<h1>
हैडिंग होना चाहिए और यह आपके वेब पेज के टाइटल के लिए होना चाहिए | - सबसे ज़रूरी हैडिंग
<h1>
में लिखी जाती है, उससे कम ज़रूरी<h2>
में और इसी तरह सबसे काम ज़रूरी<h6>
में | - हैडिंग का इस्तेमाल टेक्स्ट को बड़ा या हाईलाइट करने के लिए नहीं करना चाहिए |
तो अब जब भी आप एक वेबपेज बनाये उसमे कम से कम एक <h1>
हैडिंग ज़रूर दे और अगर आप को एक से ज़्यादा हैडिंग देना है तो आप महत्वपूर्णता के आधार पर बाकि हैडिंग टैग्स का इस्तेमाल कर सकते है |