Learn More

HTML Document Structure | Hindi

HTML के structure को समझना बहुत ही जरुरी होता हैं । यहाँ से HTML code की शुरुआत हो जाती हैं । HTML structure शुरुआत से लेकर आखिर तक आपको यूज करना पड़ता हैं । किसी भी वेब पेज को बनाने के लिए सबसे पहले हटम्ल document के स्ट्रक्चर को ही डिफाइन करना पड़ता हैं । यह सबसे अच्छा तरीका होता हैं की शुरुआत से ही structure को समझे और उसको फॉलो करते जाये ।

साधारण Hindi भाषा में समझे तो HTML का structure वह होता हैं जिसके द्वारा आप वेब पेज को मैनेज करते हैं ।

यदि आप HTML की संरचना को समझने जा रहे हैं तो यह एक सर्वोत्तम अभ्यास है।
HTML structure को हम HTML document structure भी कहते हैं । HTML Document structure को समझना बहुत जरुरी होता हैं ताकि आप आसानी से कोई भी वेब page को क्रिएट कर सकते हैं ।
HTML Document structure को हिंदी में HTML दस्तावेज़ संरचना कहते हैं ।
चलिए HTML Document structure को एक example से समझते हैं ।


HTML Document structure | HTML in Hindi

<!DOCTYPE html>
<html>
<head>
<title>Web title is here</title>
</head>
<body>
Main content is here -(Container )
</body>
</head>
</html>

1 <!DOCTYPE> - <!DOCTYPE> डिक्लेरेशन टैग का उपयोग वेब ब्राउज़र द्वारा document में उपयोग किए गए HTML के version को समझने के लिए किया जाता है।
साधारण हिंदी में समझे तो HTML पेज के शुरुआत में लिखना पड़ता हैं ।
<!DOCTYPE> HTML के वर्शन के बारे में बताता हैं । HTML5 में <!DOCTYPE> का उपयोग करते हैं परन्तु इस पहले version HTML4.01 में doctype को लिखना और याद करना बहुत ही मुश्किल होता था ।

HTML 4.01 का DOCTYPE कुछ ऐसे लिखा जाता था -

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd"gt;

HTML 5 में इस खामी को दूर करके <!DOCTYPE html> को लाया गया जिस से <!DOCTYPE html> को लिखना बहुत ही आसान हो गया हैं ।

HTML के सभी versions के बारे में पढ़े -

2. <head> - हेड सभी वेबसाइट में आपको देखने को मिल जाता हैं । हेड में CSS ,JS , आदि को लिंक किया जाता हैं । हेड में जो भी कंटेंट होता हैं वो पेज पर नहीं दिखाई देता हैं ।

3.<title> - पेज के टाइटल को डिफाइन करने के लिए <title> टैग का use किया जाता हैं ।
टाइटल को हेड के अंदर लिखा जाता हैं । उदाहरण से समझते हैं की टाइटल क्या होता है -
जब आप गूगल पर search करते हैं तो बहुत सारे रिजल्ट खुलके आते हैं । उन रिजल्ट मैं ब्लू(blue) कलर में टेक्स्ट डिस्प्ले होता हैं वो टेक्स्ट पेज के टाइटल टैग के द्वारा गूगल fetch करता हैं ।
यह HTML structure का एक महत्त्वपूर्ण टैग होता हैं ।
Title टेक्स्ट(text) ब्राउज़र के tab में देख सकते हैं । साधारण Hindi भाषा में समझे तो जैसे गूगल वेबसाइट का टाइटल Google हैं और डोमेन google.com हैं ।


4. <body> - बॉडी पार्ट पेज के कंटेंट को प्रदर्शित करता हैं । पेज पर जितना भी कंटेंट (टेक्स्ट , इमेज ,वीडियो ) आदि दीखते हैं वो सब बॉडी टैग के अंदर लिखे जाते हैं ।

HTML structure में जो टैग ओपन होता हैं वो टैग क्लोज भी होता हैं ।

Recommended Posts:-