पाठ 2 / 28

डॉक्यूमेंट संरचना

Q: कौन-सा एलिमेंट वह कंटेंट रखता है जो विज़िटर वास्तव में देखते हैं?

. ` ` में वह सब कुछ होता है जो पेज पर रेंडर होता है; ` ` ब्राउज़र के लिए मेटाडेटा है।

doctype, html, head और body ढांचा जिससे हर पेज शुरू होता है।

मूल ढांचा

हर HTML डॉक्यूमेंट इसी आकार का होता है — इसे याद कर लें, आप इसे बार-बार टाइप करेंगे।

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>My Page</title>
</head>
<body>
  <h1>Hello!</h1>
</body>
</html>

हर भाग क्या करता है

<!DOCTYPE html> ब्राउज़र को आधुनिक HTML5 नियम इस्तेमाल करने को कहता है। <html> पूरे पेज को लपेटता है। <head> मेटाडेटा रखता है (स्क्रीन पर नहीं दिखता); <body> दिखने वाला कंटेंट रखता है।

त्वरित जाँच: कौन-सा एलिमेंट वह कंटेंट रखता है जो विज़िटर वास्तव में देखते हैं?

<head>
<body>
<!DOCTYPE html>

Answer

<body> — `<body>` में वह सब कुछ होता है जो पेज पर रेंडर होता है; `<head>` ब्राउज़र के लिए मेटाडेटा है।