एचटीएमएल <सिर> टैग
उदाहरण
एक साधारण HTML दस्तावेज़, शीर्षक अनुभाग के अंदर <शीर्षक> टैग के साथ:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a
paragraph.</p>
</body>
</html>
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
तत्व मेटाडेटा (डेटा के बारे में डेटा) के <head>
लिए एक कंटेनर है और इसे <html> टैग और <body> टैग के बीच रखा गया है।
मेटाडेटा HTML दस्तावेज़ के बारे में डेटा है। मेटाडेटा प्रदर्शित नहीं होता है।
मेटाडेटा आमतौर पर दस्तावेज़ शीर्षक, वर्ण सेट, शैली, स्क्रिप्ट और अन्य मेटा जानकारी को परिभाषित करता है।
निम्नलिखित तत्व <head>
तत्व के अंदर जा सकते हैं:
- <शीर्षक> (प्रत्येक HTML दस्तावेज़ में आवश्यक)
- <शैली>
- <आधार>
- <लिंक>
- <मेटा>
- <स्क्रिप्ट>
- <नोस्क्रिप्ट>
ब्राउज़र समर्थन
Element | |||||
---|---|---|---|---|---|
<head> | Yes | Yes | Yes | Yes | Yes |
वैश्विक गुण
<head>
टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
और ज्यादा उदाहरण
उदाहरण
<आधार> टैग (किसी पृष्ठ पर सभी लिंक के लिए एक डिफ़ॉल्ट URL और लक्ष्य निर्दिष्ट करता है) <head> के अंदर जाता है:
<html>
<head>
<base href="https://www.w3schools.com/" target="_blank">
</head>
<body>
<img src="images/stickman.gif" width="24"
height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base Tag</a>
</body>
</html>
उदाहरण
<शैली> टैग (पृष्ठ पर शैली की जानकारी जोड़ता है) <head> के अंदर जाता है:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A
paragraph.</p>
</body>
</html>
उदाहरण
<लिंक> टैग (बाहरी स्टाइल शीट के लिंक) <head> के अंदर जाता है :
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p>
</body>
</html>
संबंधित पृष्ठ
एचटीएमएल ट्यूटोरियल: एचटीएमएल हेड
HTML DOM संदर्भ: हेड ऑब्जेक्ट
डिफ़ॉल्ट सीएसएस सेटिंग्स
अधिकांश ब्राउज़र <head>
निम्न डिफ़ॉल्ट मानों के साथ तत्व प्रदर्शित करेंगे:
head {
display: none;
}