Saturday, May 25, 2019
H1 to H6 font size in html

H1 to H6 font size in html

 

S No. HTML element Example text Default CSS Pixel height
1 <h1> </h1>

h1

font-size: 2em 32px
2 <h2> </h2>

h2

font-size: 1.5em 24px
3 <h3> </h3>

h3

font-size: 1.17em 18.72px
4 <h4> </h4>

h4

font-size: 1em 16px
5 <h5> </h5>
h5
font-size: 0.83em 13.28px
6 <h6> </h6>
h6
font-size: 0.75em 12px

 

जब भी कोई User किसी article को पढता है तो सबसे पहले वह एक बार सभी headings को देखता है और उसके बाद article को पढ़ना start करता है। ऐसे reader ये check करने के लिए करता है की जिस information को वह ढूँढ रहा है वह उस article में है या नहीं।

HTML में जब भी आप कोई Heading define करते है तो automatically उसके पहले और बाद में space (line break) add हो जाता है। इससे headings को अलग से unique दिखने में मदद मिलती है और user का ध्यान जल्दी उन पर जाता है।

Search engines किसी article की headings को उस article को structure और index करने के लिए use करते है।
इसलिए आपको अपने webpages में headings का प्रयोग अवश्य करना चाहिए।

Types of HTML Headings

HTML आपको 6 level की headings provide करती है। इनका प्रयोग क्रमशः topics और subtopics को define करने के लिया किया जाता है। इनकी list निचे दी जा रही है।

 

<h1>

 

यह सबसे महत्वपूर्ण heading tag होता है। यह article की main heading को define करने के लिए use किया जाता है। इसे आपको पुरे document में एक ही बार use करना चाहिए। Search engine crawlers इस tag से पता लगाते है की कोई article किस बारे में है। और इसकी by default Font size 32 px होती है

 

<h2>

 

यह subheading tag होता है। इसके द्वारा आप subheadings define करते है। किसी बड़े section को आप इस tag द्वारा कई sections में divide कर सकते है। इसकी by default Font size 24px होती है

 

<h3>

 

यह minor heading tag होता है। इस heading के द्वारा आप subtopics को भी कई minor topics में define करके represent कर सकते है। इसकी by default Font size 18.72px होती है

 

<h4>

 

यह fourth level का heading tag होता है इससे आप और भी deep level पर content को sections में divide कर सकते है। इसकी by default Font size 16px होती है

 

<h5>

 

यह fifth level heading tag होता है और इससे भी आप headings को define करते है। लेकिन इसे deep level पर content को define करने के लिए use किया जाता है। इसकी by default Font size 13.28px होती है

 

<h6>

 

यह sixth level heading tag है इससे भी आप heading define कर सकते है। यह heading normal text के बहुत करीब होती है। इससे आप कई topics को list के रूप में present कर सकते है। इसकी by default Font size 12px होती है

Tags: , , , , , , , , ,
Avatar

Related Article

No Related Article

1 Comment

Avatar
Shahbaz khan 22/04/2019 at 7:46 pm

Thank you sir….

Leave a Comment