HTML Meta tag

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

HTML <meta> टैग का उपयोग HTML दस्तावेज के बारे में मेटाडेटा का प्रतिनिधित्व करने के लिए किया जाता है।
यह पृष्ठ विवरण, कीवर्ड, कॉपीराइट, भाषा, दस्तावेजों के लेखक आदि को निर्दिष्ट करता है।

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

मेटा टैग की मदद से आप एक्सपेरिमेंट और प्रीव्यू कर सकते हैं कि आपका वेबपेज ब्राउजर पर कैसे रेंडर होगा।

Attributes:

यह टैग चार विशेषताओं को स्वीकार करता है जिनका उल्लेख और वर्णन नीचे किया गया है।

name: इस विशेषता का उपयोग संपत्ति के नाम को परिभाषित करने के लिए किया जाता है।
http-equiv: HTTP प्रतिक्रिया संदेश शीर्षलेख प्राप्त करने के लिए इस विशेषता का उपयोग किया जाता है।
content: इस विशेषता का उपयोग गुण मान निर्दिष्ट करने के लिए किया जाता है।
scheme: पदार्थ विशेषता के मूल्य को समझने के लिए उपयोग की जाने वाली योजना निर्धारित करता है।

Syntax:

 <meta charset="utf-8">

मेटा टैग के कुछ विशिष्ट Syntaxes निम्नलिखित हैं जो मेटा टैग के विभिन्न उपयोगों को दर्शाता है।

 1. <meta charset="utf-8">

यह वर्ण एन्कोडिंग को परिभाषित करता है। वर्णसेट का मान "utf-8" है जिसका अर्थ है कि यह किसी भी भाषा को प्रदर्शित करने के लिए समर्थन करेगा।

 2. <meta name="viewport" content="width=device-width, initial-scale=1.0">

यह पृष्ठ आयाम और स्केलिंग को नियंत्रित करने के लिए व्यूपोर्ट को निर्दिष्ट करता है ताकि हमारी वेबसाइट सभी उपकरणों पर अच्छी दिखे। यदि यह टैग मौजूद है, तो यह इंगित करता है कि यह पृष्ठ मोबाइल उपकरण समर्थित है।

 3. <meta name="keywords" content="HTML, CSS, JavaScript, Tutorials">

यह खोज इंजन द्वारा उपयोग किए जाने वाले कीवर्ड की सूची को निर्दिष्ट करता है।

 4. <meta name="description" content="Mangalam Career provide online website coding tutorials">

यह वेबसाइट विवरण को परिभाषित करता है जो सर्च इंजन द्वारा की जाने वाली प्रासंगिक खोज प्रदान करने के लिए उपयोगी है।

 5. <meta name="author" content="Dharmendra Kumar">

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

 6. <meta name="refresh" content="50">

यह प्रत्येक 50sec (या किसी भी समय) के बाद सामग्री को स्वचालित रूप से ताजा करने के लिए ब्राउजर को निर्देश प्रदान करने के लिए निर्दिष्ट करता है।

 7. <meta http-equiv="refresh" content="5"; url="https://www.mangalamcareer.com/edu/coding/html-meta-tag">

उपरोक्त उदाहरण में हमने सामग्री के साथ एक URL सेट किया है, इसलिए यह दिए गए समय के बाद स्वचालित रूप से दिए गए पृष्ठ पर रीडायरेक्ट हो जाएगा।

Example

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">  
        <meta name="keywords" content="HTML, CSS, JavaScript, Tutorials">
        <meta name="description" content="Mangalam Career provide online website coding tutorials">
        <meta name="author" content="Dharmendra Kumar">
        <meta http-equiv="refresh" content="5; url=https://www.javatpoint.com/html-tags-list"> 
    </head>
    <body>
        <h2>Example of Meta tag</h2>
        <p>This example shows the use of meta tag within an HTML document</p>
    </body>
</html>

This is col md 4. This is col md 4