Introduction to HTML Headings ~ Ascoded

Introduction to HTML Headings

जब आप कोई paragraph write करते है तो उससे पहले उसका कम version heading के रूप में define करते है। Heading से reader को पता चल जाता है की आगे दिए जा रहे paragraph में किस subjct पर चर्चा की गयी है।

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

Heading को define करके आप reader को अपने articles का एक short version provide करते है जिससे readers उस article में provide की गयी information का idea लगा पाता है।

जब आप किसी text को heading के रूप में define करते है तो वह webpage में big और bold दिखाई पड़ता है। इससे webpage में heading normal text से अलग show होती है। लेकिन text को big और bold show करने के लिए आपको उसे heading के रूप में नहीं define करना चाहिए।

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

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

Types of HTML Headings

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

1. <h1> – यह सबसे important heading tag होता है। यह article की main heading को define करने के लिए use किया जाता है। इसे आपको पुरे document में एक ही बार use करना चाहिए। Search engine crawlers इस tag से पता लगाते है की कोई article किस बारे में है।

2. <h2> – यह subheading tag होता है। इसके द्वारा आप subheading

define करते है। किसी बड़े section को आप इस tag द्वारा कई sections में divide कर सकते है।

3. <h3> – यह minor heading tag होता है। इस headings के द्वारा आप subtopic को भी कई minor topics में define करके represent कर सकते है।

4. <h4> – यह 4 level का heading tag होता है इससे आप और भी deep level पर content को sections में divide कर सकते है।

5. <h5> – यह 5 level heading tag होता है और इससे भी आप headings को define करते है। लेकिन इसे deep level पर content को define करने के लिए use किया जाता है।

6. <h6> – यह 6 level heading tag है इससे भी आप heading define कर सकते है। यह heading normal text के बहुत करीब होती है। इससे आप कई topics को list के रूप में present कर सकते है।

Example of HTML Headings

<!DOCTYPE html>

<html>

<head>

<title>Headings Example</title>

</head>

<body>

<h1>This is main heading</h1>

<h2>This is subheading</h2>

<h3>This is minor heading</h3>

<h4>This is four level heading</h4>

<h5>This is five level heading</h5>

<h6>This is six level heading</h6>

</body>

</html>

Output

About Admin mc3

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Ascoded