एचटीएमएल हेडिंग एलेमेंट

अधिक उदाहरण

दस्तावेज का शीर्षक
एचटीएमएल <title> शीर्षक दस्तावेज के शीर्षक को परिभाषित करता है
सभी लिंक का एक लक्ष्य
कैसे base टैग के द्वारा सभी लिंकों को नए विंडो में खोला जाए
दस्तावेज की वर्णन
एचटीएमएल <meta> एलिमेंट के द्वारा दस्तावेज को वर्णित करें
दस्तावेज के महत्वपूर्ण शब्द
एचटीएमएल <meta> एलिमेंट के द्वारा दस्तावेज के महत्वपूर्ण शब्दों को परिभाषित करें
उपयोगकर्ता को ओवरराइड करना
उपयोगकर्ता को नए यूरी को ओवरराइड करने के तरीके

एचटीएमएल <head> एलिमेंट

एचटीएमएल <head> एलिमेंट सभी शीर्ष-एलिमेंटों का कंटेनर है। <head> के अंदर के एलिमेंट में स्क्रिप्ट, ब्राउज़र को शैली-पत्रों को पाने के लिए संदेश, मेटा-जानकारी आदि को शामिल किया जा सकता है।

नीचे के टैगों को head भाग में जोड़ा जा सकता है：<title>、<base>、<link>、<meta>、<script> और <style>।

HTML <title> एलीमेंट

<title> टैग दस्तावेज़ के शीर्षक को निर्धारित करता है।

title एलीमेंट सभी HTML/XHTML दस्तावेज़ों में आवश्यक है।

title एलीमेंट के द्वारा इस प्रकार काम किया जा सकता है:

  • ब्राउज़र टूलबार में शीर्षक को निर्धारित करता है
  • पृष्ठ को फ़ॉवरिट किया जाने पर दिखाया जाने वाला शीर्षक
  • सर्च इंजिन के परिणाम में दिखाया जाने वाला पृष्ठ शीर्षक

एक सरलिकृत HTML दस्तावेज़:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
दस्तावेज़ के सामग्री......
</body>
</html>

HTML <base> एलीमेंट

<base> टैग पृष्ठ पर सभी लिंक के लिए डिफ़ॉल्ट पता या डिफ़ॉल्ट लक्ष्य (target) निर्धारित करता है:

<head>
<base href="http://www.codew3c.com/images/" />
<base target="_blank" />
</head>

HTML <link> एलीमेंट

<link> टैग दस्तावेज़ और बाहरी संसाधन के बीच संबंध निर्धारित करता है।

<link> टैग सबसे अधिक शैली पुस्तकाल (stylesheet) को कनेक्ट करने के लिए उपयोग किया जाता है:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

HTML <style> एलीमेंट

<style> टैग HTML दस्तावेज़ के लिए शैली सूचना निर्धारित करने के लिए उपयोग किया जाता है।

आप style एलीमेंट में HTML एलीमेंट को ब्राउज़र में प्रदर्शित होने वाले शैली को निर्धारित कर सकते हैं:

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

HTML <meta> एलीमेंट

मेटाडाटा (metadata) डाटा के बारे में जानकारी है।

<meta> टैग HTML दस्तावेज़ के बारे में मेटाडाटा प्रदान करता है। मेटाडाटा पृष्ठ पर दिखाया नहीं जाता है, लेकिन मशीन को पढ़ा जा सकता है।

टिप्पणीय बात है कि, meta एलीमेंट पृष्ठ के वर्णन, कीवर्ड, दस्तावेज़ के लेखक, अंतिम संशोधन का समय और अन्य मेटाडाटा को निर्धारित करने के लिए उपयोग किया जाता है।

<meta> टैग हमेशा head एलीमेंट में आता है।

मेटाडाटा ब्राउज़र (कैसे सामग्री दिखाया जाएगा या पृष्ठ को पुनःलोड किया जाएगा), सर्च इंजिन (कीवर्ड), या अन्य वेब सेवाओं के लिए उपयोग किया जा सकता है।

सर्च इंजन के लिए कीवर्ड्स

कुछ सर्च इंजन HTML एलीमेंट के name और content गुणों का उपयोग करके आपके पृष्ठ को टैग करते हैं。

नीचे दिए गए meta एलीमेंट वेब पृष्ठ के वर्णन को परिभाषित करते हैं:

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

नीचे दिए गए meta एलीमेंट वेब पृष्ठ के कीवर्ड्स को परिभाषित करते हैं:

<meta name="keywords" content="HTML, CSS, XML" />

name और content गुणों का काम वेब पृष्ठ के सामग्री को वर्णित करना है。

HTML <script> एलीमेंट

<script> टैग जेवास्क्रिप्ट जैसे क्लायंट स्क्रिप्ट परिभाषित करने के लिए उपयोग किया जाता है。

हम बाद में के अध्याय में script एलीमेंट को समझाएंगे。

एचटीएमएल हेडिंग एलेमेंट

टैग वर्णन
<head> दस्तावेज़ के बारे में जानकारी परिभाषित करता है。
<title> दस्तावेज़ के शीर्षक परिभाषित करता है。
<base> पृष्ठ पर सभी लिंकों के डिफ़ॉल्ट अड्रेस या डिफ़ॉल्ट लक्ष्य परिभाषित करता है。
<link> दस्तावेज़ और बाहरी संसाधन के बीच के संबंध परिभाषित करता है。
<meta> HTML दस्तावेज़ के लिए मेटाडाटा परिभाषित करता है。
<script> क्लायंट स्क्रिप्ट परिभाषित करता है。
<style> दस्तावेज़ के शैली सूचना परिभाषित करता है。