HTML <head> टैग

परिभाषा और उपयोग

<head> एलीमेंट मेटा सांगीतिक (डाटा के बारे में डाटा) का कंटेनर है, जो <html> टैग और <body> टैग बीच।

मेटा सांगीतिक दस्तावेज़ के बारे में जानकारी है। मेटा सांगीतिक दिखाया नहीं जाता है।

मेटा सांगीतिक रूप से दस्तावेज़ शीर्षक, चारकीट, स्टाइल, स्क्रिप्ट और अन्य मेटा सूचना परिभाषित करती है।

निम्नलिखित एलीमेंट को <head> एलीमेंट के अंदर:

विस्तृत वर्णन

<head> टैग का उपयोग दस्तावेज़ के शीर्ष भाग को परिभाषित करने के लिए किया जाता है; यह सभी शीर्ष एलीमेंटों का कंटेनर है।<head> में एलीमेंट स्क्रिप्ट को उद्धारित कर सकता है, ब्राउज़र को स्टाइल शीट कहां से खोजना है निर्देशित कर सकता है, मेटा सूचना प्रदान कर सकता है आदि।

दस्तावेज़ के शीर्ष भाग ने दस्तावेज़ के विभिन्न गुणों और सूचना को वर्णित करता है, जैसे दस्तावेज़ का शीर्षक, वेब में इसकी स्थिति और अन्य दस्तावेज़ों के साथ संबंध। अधिकांश डाटा जो शीर्ष भाग में शामिल होता है, वास्तव में पाठक को दिखाया नहीं जाता है।

प्रत्येक HTML दस्तावेज़ को एक head एलीमेंट शामिल करना चाहिए और इसमें अनिवार्य रूप से एक title एलीमेंट。

<title> टैग दस्तावेज़ का शीर्षक परिभाषित करता है; यह शीर्ष भाग में एकमात्र आवश्यक एलीमेंट है।

अन्य संदर्भ:

HTML शिक्षा:HTML शीर्ष

HTML DOM संदर्भ दस्तावेज़:Head ऑब्जैक्ट

उदाहरण

उदाहरण 1

एक साधारण लेकिन पूर्ण HTML दस्तावेज़，head भाग में एक <title> टैग है:

<!DOCTYPE html>
<html lang="zh">
  <head>
    <title>दस्तावेज़ का शीर्षक</title>
  </head>
  <body>
    <h1>यह शीर्षक है</h1>
    <p>यह एक परिच्छेद है。</p>
  </body>
</html>

अपने आप प्रयोग करें

उदाहरण 2

<base> टैग（वेब पृष्ठ पर सभी लिंक के डिफ़ॉल्ट URL और लक्ष्य निर्धारित करता है），<head> के अंदर है:

<html>
  <head>
    <base href="https://www.codew3c.com/" target="_blank">
  </head>
<body>
  <img src="pic/tree.png" width="150" height="161" alt="Tree">
  <a href="tags/tag_base.asp">HTML base टैग</a>
</body>
</html>

अपने आप प्रयोग करें

उदाहरण 3

<style> टैग（वेब पृष्ठ में स्टाइल सूचना जोड़ने के लिए），<head> के अंदर है:

<html>
  <head>
    <style>
      h1 {रंग: लाल;}
      p {रंग: नीला;}
    </style>
  </head>
  <body>
    <h1>एक शीर्षक</h1>
    <p>एक पैराग्राफ。</p>
  </body>
</html>

अपने आप प्रयोग करें

उदाहरण 4

<link> टैग（बाहरी स्टाइलशीट को लिंक करने के लिए），<head> में है:

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="styles.css">
  </head>
  <body>
    <h1>मैंने लिंक स्टाइलशीट के लिए फॉर्मेटिंग का उपयोग किया।</h1>
    <p>मैं भी हूँ!</p>
  </body>
</html>

अपने आप प्रयोग करें

वैश्विक गुण

<head> टैग वैश्विक गुण का समर्थन करता है HTML में वैश्विक गुण。

डिफॉल्ट CSS सेटिंग

अधिकांश ब्राउज़र निम्नलिखित डिफॉल्ट मूल्यों को प्रदर्शित करेंगे <head> एलिमेंट:

head {
  display: none;
}

ब्राउज़र समर्थन

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट