HTML Headings क्या होती हैं?
HTML Headings का उपयोग web page के content को titles और sub-titles में divide करने के लिए किया जाता है।
Headings न केवल content को readable बनाती हैं, बल्कि SEO और accessibility में भी महत्वपूर्ण भूमिका निभाती हैं।
HTML में headings <h1> से <h6> तक होती हैं।
HTML Heading Tags
HTML में total 6 heading tags होते हैं:
<h1>Main Heading</h1>
<h2>Sub Heading</h2>
<h3>Section Heading</h3>
<h4>Sub Section</h4>
<h5>Minor Heading</h5>
<h6>Smallest Heading</h6>Heading Size Order:
<h1>– सबसे important और largest heading<h6>– सबसे छोटी और least important heading
<h1> Tag का Importance
<h1> page की main heading होती है।
SEO Perspective:
- हर page पर ideally एक ही
<h1>होनी चाहिए <h1>में page का primary keyword होना चाहिए- Search engines
<h1>को page topic समझने के लिए use करते हैं
Example:
<h1>HTML Headings Tutorial</h1>Heading Hierarchy क्या होती है?
Heading hierarchy का मतलब है headings को logical order में use करना।
Correct Structure:
<h1>HTML Tutorial</h1>
<h2>HTML Headings</h2>
<h3>Why Headings are Important</h3>Incorrect Structure:
<h1>HTML Tutorial</h1>
<h4>Heading Example</h4>Hierarchy break करने से:
- SEO impact होता है
- Accessibility issues आते हैं
- Content readability कम होती है
HTML Headings और Accessibility
Screen readers headings का उपयोग करके:
- Page structure समझते हैं
- Visually impaired users को navigation में मदद करते हैं
Correct heading usage accessibility improve करती है।
HTML Headings Styling
By default browser headings को अलग-अलग font size देता है।
Default behavior:
<h1>– largest<h6>– smallest
लेकिन heading का purpose styling नहीं, structure है।
Styling हमेशा CSS से करनी चाहिए।
Wrong Practice:
<h1>Used for big text</h1>Correct Practice:
<h2>Section Title</h2>Headings vs Paragraphs
| Feature | Headings | Paragraph |
|---|---|---|
| Purpose | Title / Structure | Content |
| Default Size | Large | Normal |
| SEO Value | High | Medium |
| Screen Reader Priority | High | Normal |
Multiple Headings on a Page
आप page पर:
- Multiple
<h2> - Multiple
<h3>
use कर सकते हैं, लेकिन:
<h1>carefully use करें- Logical hierarchy maintain रखें
Headings और Keywords
SEO-friendly headings के लिए:
- Natural keywords use करें
- Keyword stuffing avoid करें
- User-focused titles लिखें
Example:
<h2>Benefits of HTML Headings</h2>Common Beginner Mistakes
- Text बड़ा दिखाने के लिए heading use करना
<h1>को बार-बार use करना- Heading order skip करना
- Headings को style tag की तरह use करना
Quick Summary
- HTML में 6 heading levels होते हैं
<h1>सबसे important heading होती है- Heading hierarchy SEO और accessibility के लिए जरूरी है
- Headings structure के लिए होती हैं, styling के लिए नहीं
Practice Questions
- HTML में कितने heading tags होते हैं?
<h1>tag SEO के लिए क्यों important है?- Heading hierarchy क्या होती है?