HTML Headings h1 से h6: कौन सी हेडिंग कब लगाएँ
3 मिनट पढ़ें · मुफ़्त · बिना लॉगिन
Headings पेज को उसकी बनावट देती हैं। वे पाठक — और Google — को बताती हैं कि हर section किस बारे में है। HTML में छह heading levels हैं, <h1> (सबसे बड़ी और सबसे महत्वपूर्ण) से लेकर <h6> (सबसे छोटी) तक।
इन्हें कैसे इस्तेमाल करें
<h1>— पेज का मुख्य title। इसे प्रति पेज सिर्फ एक बार इस्तेमाल करें।<h2>— पेज के मुख्य sections।<h3>— h2 section के अंदर sub-sections।<h4>से<h6>— गहरे sub-sections, शायद ही कभी इस्तेमाल होते हैं।
किताब की तरह सोचें: h1 किताब का title है, h2 एक chapter है, h3 chapter के अंदर एक section है। Levels छोड़ना — उदाहरण के लिए, h1 से सीधे h4 पर जाना — पाठकों और search engines दोनों को भ्रमित करता है।
याद रखने की तरकीब: h1 = किताब, h2 = अध्याय, h3 = भाग — एक-एक सीढ़ी नीचे।
Headings बड़े text के लिए नहीं हैं
शुरुआती लोगों की एक आम गलती है heading tag का इस्तेमाल सिर्फ text को बड़ा करने के लिए करना। Headings अर्थ के बारे में हैं, आकार के बारे में नहीं। अगर आप बड़ा text चाहते हैं जो heading न हो, तो font size बदलने के लिए CSS इस्तेमाल करें। Search engines headings को असली महत्व देते हैं, इसलिए साफ h1, h2, h3 बनावट वाला पेज उस पेज से बेहतर rank करता है जहाँ हर line h1 है।
हर heading किस लिए है
Headings आपके पेज की outline हैं, जैसे किताब के chapter titles। <h1> किताब का title है — सबसे महत्वपूर्ण heading, सिर्फ एक बार इस्तेमाल होती है। <h2> मुख्य chapters को चिह्नित करता है, <h3> chapter के अंदर sections को, और इसी तरह <h6> तक। Search engines और screen readers इस outline का इस्तेमाल आपके पेज को समझने के लिए करते हैं।
छह levels
| Tag | आकार | किस लिए इस्तेमाल करें |
|---|---|---|
<h1> | सबसे बड़ा | पेज का मुख्य title — प्रति पेज सिर्फ एक बार। |
<h2> | बड़ा | मुख्य sections, जैसे chapters। |
<h3> | मध्यम | h2 section के अंदर sub-sections। |
<h4> | छोटा | h3 section के अंदर छोटे points। |
<h5> | छोटा | बारीक detail — शायद ही ज़रूरत पड़ती है। |
<h6> | सबसे छोटा | बारीक detail — शायद ही ज़रूरत पड़ती है। |
एक अच्छी outline सीढ़ी जैसी दिखती है, एक-एक कदम नीचे जाती हुई:
<h1>Computer Course</h1> <h2>HTML</h2> <h3>Tags</h3> <h3>Attributes</h3> <h2>CSS</h2>
style="font-size: 32px;"। Headings बनावट के लिए हैं, और search engines उन्हें आपके पेज का नक्शा मानते हैं।आम गलतियाँ
- एक पेज पर एक से ज़्यादा
<h1>इस्तेमाल करना — इससे search engines मुख्य विषय को लेकर भ्रमित होते हैं। - Levels छोड़ना, जैसे
<h2>से सीधे<h4>पर जाना — एक-एक कदम चलें। - Text को bold या बड़ा करने के लिए heading इस्तेमाल करना — दिखावट के लिए CSS इस्तेमाल करें।
- Heading tag के अंदर पूरा paragraph डालना — headings सिर्फ छोटे titles के लिए हैं।
उदाहरण
<!DOCTYPE html>
<html>
<head>
<title>Headings</title>
</head>
<body>
<h1>Learn HTML</h1>
<h2>Chapter 1: Basics</h2>
<h3>What is HTML?</h3>
<h4>A smaller heading</h4>
<h5>Even smaller</h5>
<h6>The smallest heading</h6>
</body>
</html>परिणाम
खुद करके देखें — लाइव एडिटर
नीचे दिया गया कोड बदलें और चलाएँ दबाएँ — परिणाम तुरंत दिखेगा। कोई फाइल सहेजनी नहीं है, कोई लॉगिन नहीं चाहिए।
संबंधित पाठ
अक्सर पूछे जाने वाले सवाल
इस पाठ के बारे में सबसे ज़्यादा पूछे जाने वाले सवाल — सवाल पढ़ें, फिर खोलकर जवाब देखें।
1. HTML में कितने लेवल की हेडिंग होती हैं?
छह लेवल होते हैं, h1 से h6 तक। h1 सबसे बड़ी और सबसे ज़रूरी हेडिंग है, h6 सबसे छोटी।
2. एक पेज में h1 कितनी बार इस्तेमाल करें?
सिर्फ़ एक बार, पेज के मुख्य टाइटल के लिए। एक से ज़्यादा h1 से सर्च इंजन को मुख्य विषय समझने में दिक्कत होती है।
3. क्या टेक्स्ट बड़ा करने के लिए हेडिंग इस्तेमाल कर सकते हैं?
नहीं। हेडिंग का काम मतलब और स्ट्रक्चर देना है, साइज़ बढ़ाना नहीं। बड़ा टेक्स्ट चाहिए तो CSS से फ़ॉन्ट साइज़ बदलें।
खुद क्यों सीखें — AI से पूछने के बजाय?
AI आपके लिए कोड लिख सकता है, लेकिन वह आपके लिए सोच नहीं सकता। जब आप HTML खुद सीखते हैं, तो आपका दिमाग असली कौशल बनाता है: आप समझते हैं कि पेज ऐसा क्यों दिखता है, टूटने पर उसे ठीक कर सकते हैं, और परीक्षा या इंटरव्यू में बिना मदद के जवाब दे सकते हैं। यही कौशल नौकरी दिलाता है — कॉपी किया हुआ जवाब नहीं।
सर्टिफिकेट पाएँ — सिर्फ ₹10
सभी 35 पाठ पूरे करें, टेस्ट पास करें (80%), ₹10 दें और अपना सर्टिफिकेट पाएँ।
टेस्ट देंदेखकर सीखना पसंद है? वीडियो कोर्स में वही विषय एक-एक करके सिखाए जाते हैं।
Go further with a full course
Free tutorials teach you the basics. Our paid courses add live projects, mentorship and a certificate.
Browse all courses
