HTML head tag

HTML <head> Tag क्या है?

<Head> टैग में मेटाडेटा (दस्तावेज शीर्षक, वर्ण सेट, शैली, लिंक, स्क्रिप्ट) शामिल हैं, वेब पेज के बारे में विशिष्ट जानकारी जो उपयोगकर्ता को प्रदर्शित नहीं होती है। मेटाडेटा वेब पेज के बारे में तकनीकी जानकारी के साथ ब्राउज़र और खोज इंजन प्रदान करता है।
HTML <head> टैग को ओपनिंग <html> टैग और ओपनिंग <body> टैग के बीच में रखा जाता है।
HTML डॉक्यूमेंट का हेड वह भाग होता है जिसकी सामग्री पृष्ठ लोड होने पर ब्राउज़र में प्रदर्शित नहीं होती है। इसमें केवल HTML दस्तावेज़ के बारे में मेटाडेटा होता है जो HTML दस्तावेज़ के बारे में डेटा निर्दिष्ट करता है।

एक HTML हेड में बहुत सारी मेटाडेटा जानकारी हो सकती है या बहुत कम या कोई जानकारी नहीं हो सकती है, यह हमारी आवश्यकता पर निर्भर करता है। लेकिन वेबसाइट बनाते समय HTML डॉक्यूमेंट में हेड पार्ट की अहम भूमिका होती है।

मेटाडेटा दस्तावेज शीर्षक, वर्ण सेट, शैली, लिंक, स्क्रिप्ट और अन्य मेटा जानकारी को परिभाषित करता है।

मेटाडेटा में उपयोग किए जाने वाले टैग की सूची निम्नलिखित है:

<title> Tag
<style> Tag
<meta> Tag
<script> Tag
<base> Tag

HTML title tag

HTML <title> तत्व का उपयोग दस्तावेज़ के शीर्षक को परिभाषित करने के लिए किया जाता है। इसका उपयोग सभी HTML/XHTML दस्तावेज़ों में किया जाता है। <title> Tag को <head> Tag के बीच रखा जाना चाहिए, और एक दस्तावेज़ में केवल एक शीर्षक तत्व हो सकता है।

HTML <title> tag क्या करता है?

यह ब्राउज़र टैब में एक शीर्षक को परिभाषित करता है।
पसंदीदा में जोड़े जाने पर यह पृष्ठ के लिए एक शीर्षक प्रदान करता है।
यह खोज इंजन परिणामों में पृष्ठ के लिए एक शीर्षक प्रदर्शित करता है।

Example

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>

    <body>
        <p>This is body's content.</p></p>
    </body>
</html>

HTML Style Tag

HTML Style Tag का उपयोग HTML पेज को स्टाइल करने के लिए किया जाता है। <style> Tag में केवल उस HTML पेज के लिए CSS गुण हो सकते हैं। अगर हम कई पेजों के लिए सीएसएस लागू करना चाहते हैं तो हमें अलग सीएसएस फाइल का इस्तेमाल करना चाहिए।

Example

<!DOCTYPE html>
<html>
    <head>
        <title>This is Page Title</title>
        <style>
            body {background-color: pink;}
            h1 {color: red;}    
            p {color: blue;}
        </style>
    </head>

    <body>
        <h1>This is a Heading</h1>
        <p>This is a paragraph.</p>
    </body>
</html>

This is col md 4. This is col md 4