Headings (<h1> to <h6>) tag html in hindi
एचटीएमएल वेब पेज में बड़े आकार में वेब पेज टाइटल/हैडिंग, टाइटल या टॉपिक इनफार्मेशन को रिप्रेजेंट करने के लिए हैडिंग टैग का उपयोग किया जाता है. हैडिंग टैग आपके वेब पेज कंटेंट इनफार्मेशन स्ट्रक्चर और हैडिंग टेक्स्ट पदानुक्रम आर्डर को लार्जेस्ट टेक्स्ट साइज टू स्मॉलेस्ट टेक्स्ट साइज आर्डर में डिस्प्ले करता है। जहा सामान्यता एचटीएमएल हैडिंग टैग को हैडिंग h1 <h1> से लेकर हैडिंग h6 <h6> तक टेक्स्ट या वेब पेज टाइटल इनफार्मेशन को डिस्प्ले करने में उपयोग करते हैं, जहा एचटीएमएल वेब पेज में <h1> सबसे बड़ी फॉण्ट साइज में टेक्स्ट टाइटल या हैडिंग इनफार्मेशन को और हैडिंग <h6> सबसे छोटे फॉण्ट साइज में टेक्स्ट या वेब पेज कंटेंट इनफार्मेशन को डिस्प्ले करते है।
So let’s understand heading tag in HTML web page.
HTML Heading Tag Overview.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Let Explore Html Heading Tag</title>
</head>
<body>
<h1>You Can See Heading 1 Tag</h1>
<p>You Can See Heading 1 Above</p>
<h2>You Can See Heading 2 Tag</h2>
<p>You Can See Heading 2 Above</p>
<h3>You Can See Heading 1 Tag</h3>
<p>You Can See Heading 3 Above</p>
<h4>You Can See Heading 4 Tag</h4>
<p>You Can See Heading 4 Above</p>
<h5>You Can See Heading 5 Tag</h5>
<p>You Can See Heading 5 Above</p>
<h6>You Can See Heading 6 Tag</h6>
<p>You Can See Heading 6 Above</p>
</body>
</html>
Heading tag explanation.
- <h1> – किसी भी डिज़ाइन एचटीएमएल वेब पेज में सबसे महत्वपूर्ण वेब पेज टाइटल /हैडिंग टेक्स्ट इनफार्मेशन को सबसे बड़े फॉण्ट आकार में रिप्रेजेंट करता है। सामान्यता हैडिंग h1 टैग में मौजूदा वेब पेज मैन टाइटल/हैडिंग इनफार्मेशन के लिए उपयोग करते है।
- <h2> – हैडिंग h2 टैग हैडिंग h1 टैग से फॉण्ट साइज में छोटा होता है, और ये हैडिंग h1 <h1> के अंदर वेब पेज का सबटाइटल या सब हैडिंग इनफार्मेशन को रिप्रेजेंट करता है। हैडिंग h2 आपको वेबपेज हैडिंग टॉपिक को सब सेक्शन में डिवाइड करने में सहायता करते है।
- <h3> – हैडिंग h3 एचटीएमएल टैग हैडिंग <h2> से फॉण्ट आकर में छोटा टेक्स्ट वेब पेज इनफार्मेशन को डिस्प्ले करता है. आप अपनी जरूरत के अनुसार हैडिंग h3 वेब पेज टेक्स्ट को रिप्रेजेंट कर सकते है। हैडिंग h3 टैग हैडिंग h2 <h2> के साथ मल्टीप्ल टेक्स्ट सेक्शन क्रिएट करते है।
- <h4> – हैडिंग h4 टैग आपको अपने वेब पेज में हैडिंग h3 <h3> के अंदर वेब पेज टेक्स्ट सबटाइटल को रिप्रेजेंट करते है। हैडिंग h4 टैग हैडिंग <h3> से फॉण्ट आकर में छोटा डिस्प्ले करता है।
- <h5> – हैडिंग टैग h5 हैडिंग h4 <h4> के साथ वेब पेज सबटाइटल या वेब टेक्स्ट या इनफार्मेशन को रिप्रेजेंट करता है। आप अपनी जरूरत के अनुसार वेब पेज में हैडिंग h5 टैग का उपयोग कर सकते है.
- <h6> – हैडिंग h6 सबसे छोटे फॉण्ट टेक्स्ट साइज इनफार्मेशन को रिप्रेजेंट करता है, कई बार आप हैडिंग h6 का उपयोग सबसे छोटे टेक्स्ट इनफार्मेशन सेक्शन, सब टाइटल, हैडिंग, को डिस्प्ले करने में उपयोग करते है।
Use of HTML web page headings tag.
So let’s understand a heading tag stylesheet example in HTML
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>use css style to decorate heading tag</title>
<style>
h1 {
color: red;
font-size: 5em;
text-align:center;
font-family:monotype corsiva;
}
h2 {
color: blue;
font-size: 3em;
text-align:center;
font-family:Times New Roman;
}
h3 {
color: lime;
font-size: 2em;
text-align:center;
font-family:bookman old style;
}
h4 {
color: pink;
font-size: 1em;
text-align:center;
font-family:bookman old style;
}
</style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
</body>
</html>
About heading tag.
- Hierarchical web page structure – हैडिंग टैग आपके एचटीएमएल वेब पेज में लिखी गई टेक्स्ट इनफार्मेशन या कंटेंट को बढ़ते फॉण्ट आकार से घटते फॉण्ट आकार क्रम में डिस्प्ले करते हैं। एचटीएमएल वेब डेवलपर वेब डेवलपमेंट में अपनी जरूरत के अनुसार वेब पेज में हैडिंग h1 से लेकर हैडिंग h6 तक उपयोग कर सकते है।
- Easy accessibility – ऑनलाइन सर्च इंजन स्क्रीन रीडर एचटीएमएल वेब पेज कंटेंट के द्वारा वेब पेज टाइटल हैडिंग इनफार्मेशन को नेविगे करते हैं, जहा एचटीएमएल वेब पेज यूजर एक्सेस को बढ़ाने के लिए हैडिंग टैग का उपयोग करना इम्पोर्टेन्ट माना जाता है।
- Helpful in SEO – किसी भी वेब पेज के ऑन पेज seo में हैडिंग टैग एक महत्वपूर्ण भूमिका निभाते है, और ये गूगल, बिंग, याहू और अन्य सर्च इंजन में किसी वेबपेज की डिफ़ॉल्ट स्ट्रक्चर को टाइटल या सबटाइटल, सेक्शन, में वेब पेज टॉपिक को एक्सप्लेन या डिवाइड करने के लिए उपयोग कर सकते हैं। आज के समय में हैडिंग टैग से आपके वेब पेज या वेबसाइट पेजेज का सर्च इंजन ऑप्टिमाइज़ेशन (SEO), वेब क्रॉलिंग, इंडेक्सिंग, फ़ास्ट हो सकता है।
ऊपर दिए गए एचटीएमएल वेब पेज उदाहरण में, हैडिंग टैग को अलग-अलग कलर्स और फ़ॉन्ट प्रकार आकारों में अप्लाई किया गया है, आप अपनी वेब डेवलपमेंट जरूरत के अनुसार इनमे जरूरी बदलाव कर सकते है।
