The HTML document skeleton – <!DOCTYPE html>, <html>, <head>, <body> in html hindi
यदि आप एचटीएमएल वेब पेज डिज़ाइन सिखने जा रहे है. तो आपको एचटीएमएल डॉक्यूमेंट स्ट्रक्चर को पहले अच्छी तरह से समझना होगा। जहा बेसिक एचटीएमएल डॉक्यूमेंट स्ट्रक्चर फॉर्मेट लेआउट में, <!DOCTYPE html>, <html>, <head>, <body> टैग को डिस्प्ले या जोड़ा जाता है. जहा <!DOCTYPE html> html 5 टैग इंडिकेटर है, <html> यह टैग एचटीएमएल स्क्रिप्ट को स्टार्ट करता है, वही <head> टैग में वेब पेज हैडिंग इनफार्मेशन को डिस्प्ले किया जाता है, इसी तरह <body> टैग में वेब पेज बॉडी या सम्पूर्ण वेब पेज स्ट्रक्चर इनफार्मेशन को डिस्प्ले किया जाता है.
हमेशा याद रखे की एक एचटीएमएल डॉक्यूमेंट टैग लाइन सामान्यता <!DOCTYPE html> डिक्लेरेशन से स्टार्ट होता है, इसके बाद रूट <html> टैग एलिमेंट को डिस्प्ले किया जाता है। <html> टैग के अंदर, आप <head> और <body> अन्य जरूरी एचटीएमएल टैग को डिस्प्ले किया जाता है. ये सभी एचटीएमएल टैग मिलकर एक बेसिक एचटीएमएल वेब स्ट्रक्चर लेआउट को डिज़ाइन करते है.
<!DOCTYPE html> <!– indicate current web page document version and their type –>
<html lang=”en”> <!– display web page content default language –>
<head> <!– display web page heading information –>
<meta charset=”UTF-8″> <!– display web page meta information –>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>add your web page title</title> <!– display web page title information –>
<!– add web page meta information and internal/external css link –>
</head> <!– close head tag here –>
<body> <!– display web page body content here –>
<!– everything you want to display in your web page add here –>
</body>
</html>
HTML document/web page layout details.
- <!DOCTYPE html> – यह आपको एचटीएमएल के मौजूदा डॉक्यूमेंट फॉर्मेट और वर्जन इनफार्मेशन को डिज़ाइन वेब पेज के टॉप में डिस्प्ले करते है।
- <html lang=”en”> – आपका वेब पेज डिफ़ॉल्ट कोनसी लैंग्वेज में लिखा गया है, जहा seo या सर्च इंजन को मौजूदा वेब पेज के एचटीएमएल डॉक्यूमेंट के लैंग्वेज से पता चलता है। यह lang टैग ऐट्रिब्यूट्स वेब ब्राउज़र को आपके वेब पेज की डॉक्यूमेंट लैंग्वेज को इंडीकेट करते है।
- <head> – हेड टैग में वेब पेज हैडिंग इनफार्मेशन है, यह एचटीएमएल डॉक्यूमेंट के बारे में मेटा-इनफार्मेशन को डिस्प्ले करता है, जैसे कि मौजूदा वेब पेज की करैक्टर एन्कोडिंग फॉर्मेट, वेब पेज व्यूपोर्ट सेटिंग और वेब पेज डॉक्यूमेंट टाइटल को डिस्प्ले करता है। इसके साथ ही css स्टाइलशीट इंटरनल या एक्सटर्नल और स्क्रिप्ट लिंक को डिस्प्ले कर सकते हैं।
- <body> – बॉडी टैग आपके वेब ब्राउज़र में डिस्प्ले होने वाले सम्पूर्ण वेब पेज टैग और एलिमेंट को डिस्प्ले और होल्ड करते है. सामान्यता आप पहले इसमें बॉडी कलर या बॉडी बैकग्राउंड इनफार्मेशन को डिस्प्ले करता है.
Remember – आप अपनी एचटीएमएल वेब पेज जरूरत के अनुसार वेब पेज में <head> टैग और <body> टैग सेक्शन एलिमेंट को अपनी स्पेशल कंटेंट्स, वेब पेज स्टाइल्स और css स्क्रिप्ट से कभी भी कस्टमाइज कर सकते हैं।