HTML शीर्षक
आप पहले से तत्व और attributes लिख सकते हैं। यह सत्र शीर्षकों पर केंद्रित है — वे टैग जो पेज का मुख्य शीर्षक और अनुभाग शीर्षक चिह्नित करते हैं। अच्छे शीर्षक पाठक को पेज स्कैन करने में और ब्राउज़र व सहायक टूल्स को रूपरेखा समझने में मदद करते हैं।
HTML शीर्षक क्या हैं?
HTML शीर्षक छह स्तर हैं: h1, h2, h3, h4, h5 और h6। h1 पेज का उच्चतम स्तर का शीर्षक है। h6 सबसे निचला है। ये टैग अर्थ और संरचना के लिए हैं। दृश्य आकार बाद में CSS से बदला जा सकता है; केवल बड़ा या छोटा टेक्स्ट चाहिए इसलिए स्तर न चुनें।
सीधा उत्तर
स्पष्ट रूपरेखा बनाने के लिए शीर्षक उपयोग करें। पेज विषय के लिए एक स्पष्ट h1 पसंद करें। उस विषय के अंतर्गत मुख्य अनुभागों के लिए h2, फिर उप-अनुभागों के लिए h3, और इसी तरह। जब संभव हो स्तर क्रम में रखें — h1 से सीधे h4 पर कूदना अक्सर रूपरेखा को कठिन बनाता है।
शीर्षक स्तर
html<h1>मुख्य पेज शीर्षक</h1>
<h2>अनुभाग शीर्षक</h2>
<h3>उप-अनुभाग शीर्षक</h3>
<p>उप-अनुभाग के नीचे पैराग्राफ टेक्स्ट।</p>उदाहरण पढ़ना
h1पूरे पेज विषय का परिचय देता हैh2उस विषय के अंतर्गत मुख्य अनुभाग शुरू करता हैh3उस अनुभाग के अंदर छोटा भाग शुरू करता है- पैराग्राफ सामान्य बॉडी टेक्स्ट है, शीर्षक नहीं
शीर्षक क्रम क्यों मायने रखता है
शीर्षक दस्तावेज़ रूपरेखा बनाते हैं, विषय-सूची जैसी। स्क्रीन रीडर और कुछ SEO टूल उस रूपरेखा का उपयोग करते हैं। यदि आप केवल दिखने के लिए स्तर छोड़ते हैं, संरचना भ्रमित हो जाती है भले पेज आपको «ठीक लगे»।
एक h1, फिर अनुभाग
इस कोर्स के शुरुआती पेजों के लिए एक स्पष्ट h1 रखें। फिर ज़रूरत अनुसार h2 और गहरे स्तरों से सामग्री व्यवस्थित करें। उन्नत रूपरेखा पैटर्न बाद में मिलेंगे; पहले इस सरल, पठनीय पैटर्न पर महारत हासिल करें।
एक छोटी पेज रूपरेखा
html<h1>शहर गाइड</h1>
<h2>आना-जाना</h2>
<p>बस और ट्रेन के सुझाव।</p>
<h2>खाना</h2>
<h3>स्ट्रीट फ़ूड</h3>
<p>तेज़ स्थानीय स्नैक्स।</p>
<h3>बैठकर खाने के रेस्तराँ</h3>
<p>लंबे भोजन के स्थान।</p>शीर्षक खाली जगह के लिए नहीं
खाली शीर्षक टैग से ऊर्ध्वाधर खाली जगह न बनाएँ। हर बोल्ड वाक्यांश को शीर्षक में न लपेटें। यदि टेक्स्ट किसी अनुभाग का असली शीर्षक नहीं है, पैराग्राफ या अन्य उपयुक्त तत्व उपयोग करें।
स्वयं आज़माएँ
- बेसिक कंकाल वाली HTML फ़ाइल बनाएँ या खोलें
- एक
h1जोड़ें जो पेज विषय नाम करे - दो
h2अनुभाग जोड़ें प्रत्येक के नीचे छोटा पैराग्राफ के साथ - एक
h2के अंतर्गत एकh3और छोटा पैराग्राफ जोड़ें - सहेजें और पेज खोलें — जाँचें कि रूपरेखा स्कैन करने में आसान हो
आम गलतियाँ
- संरचना की जगह केवल फ़ॉन्ट आकार से शीर्षक स्तर चुनना
- बिना कारण
h1सेh4पर कूदना - सरल शुरुआती पेज पर कई
h1जब एक स्पष्ट मुख्य शीर्षक काफ़ी हो - लंबे पैराग्राफ शीर्षक टैग में डालना
- बिना असली अनुभाग शीर्षक के सजावटी स्पेसर के रूप में शीर्षक उपयोग करना
सारांश
- शीर्षक
h1सेh6तक शीर्षक स्तर चिह्नित करते हैं - वे संरचना और रूपरेखा बनाते हैं, केवल दृश्य आकार नहीं
- एक स्पष्ट
h1, फिर क्रमबद्धh2–h6अनुभाग पसंद करें - केवल स्टाइल के लिए स्तर न छोड़ें
- शीर्षक टेक्स्ट छोटा और शीर्षक जैसा रखें
- आकार बाद में CSS से स्टाइल करें; HTML शीर्षक अर्थपूर्ण रखें
🧠 अपने ज्ञान की परीक्षा करें
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी