HTML <meta> टैग

  • पिछला पृष्ठ <menu>
  • अगला पृष्ठ <meter>

Definition and usage

<meta> The tag defines metadata about the HTML document. Metadata is data about data (information).

<meta> The tag is always located <head> element Within, it is usually used to specify character set, page description, keywords, document author, and viewport settings:

Metadata is not displayed on the page but can be parsed by machines.

browsers (how content is displayed or pages are reloaded), search engines (keywords), and other web services use metadata.

सूचना:meta elements have various different uses, and multiple meta elements can be present in a single HTML document.

सूचना:by <meta> There is a way to let web designers control the viewport (i.e., the area visible to the user in the web page) (see the "set viewport" example below).

note:Each meta element can be used for only one purpose. If you want to use more than one feature, you should add multiple meta elements in the head element.

see also:

HTML tutorial:HTML header

HTML DOM reference manual:Meta object

example

<head>
  <meta charset="UTF-8">
  <meta name="description" content="free Web tutorial">
  <meta name="keywords" content="HTML, CSS, JavaScript">
  <meta name="author" content="Bill Gates">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

try it yourself

attribute

attribute value description
charset character set HTML दस्तावेज़ के अक्षर संकेतकों को निर्धारित करता है。
content text देश और http-equiv या name विशेषता से संबंधित मूल्य निर्धारित करता है。
http-equiv
  • content-security-policy
  • content-type
  • default-style
  • refresh
 content एट्रिब्यूट के जानकारी/मूल्य के लिए HTTP शीर्षक प्रदान करता है。
name
  • application-name
  • author
  • description
  • generator
  • keywords
  • viewport
 मेटाडाटा के नाम को निर्धारित करता है。

समर्थित करता है

<meta> टैग वैश्विक एट्रिब्यूट को भी HTML में वैश्विक एट्रिब्यूट。

meta एलीमेंट के तीन प्रमुख उपयोग हैं:

  1. नाम/मूल्य ज्ञानकोश को निर्दिष्ट करना
  2. चारकोडिंग घोषित करना
  3. HTTP शीर्षक फ़ील्ड का सिमुलेशन

1: विभिन्न नाम/मूल्य ज्ञानकोश के निर्दिष्ट करना

meta एलीमेंट को नाम/मूल्य ज्ञानकोश को निर्दिष्ट करने के लिए इस्तेमाल किया जा सकता है, इसके लिए उसके name और content एट्रिब्यूट का उपयोग किया जाता है。

गूगल सर्च के लिए चार्टर्स घोषित करें:

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

वेब पृष्ठ के बारे में वर्णन निर्दिष्ट करें:

<meta name="description" content="Free Web tutorials for HTML and CSS">

पृष्ठ के लेखक को निर्दिष्ट करें:

<meta name="author" content="John Doe">

विज़्यूपॉर्ट सेट करना, वेबसाइट को विभिन्न उपकरणों पर बेहतर दिखाना:

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

2: चारकोडिंग घोषित करना

charset एट्रिब्यूट का उपयोग करके इस पृष्ठ को UTF-8 चारकोडिंग घोषित करें:

<meta charset="UTF-8">

3: HTTP शीर्षक फ़ील्ड का सिमुलेशन

http-equiv एट्रिब्यूट और content एट्रिब्यूट का उपयोग करके दस्तावेज़ को 30 सेकंड में नए बनाया जाता है:

<meta http-equiv="refresh" content="30">

HTML5 में परिवर्तन

charset एट्रिब्यूट HTML5 में नया है。

HTML4 में http-equiv एट्रिब्यूट के लिए अनगिनत अलग-अलग मूल्य इस्तेमाल किए जा सकते हैं। लेकिन HTML5 में केवल इस पृष्ठ में उल्लिखित मूल्यों को ही इस्तेमाल किया जा सकता है。

HTML4 में scheme एट्रिब्यूट HTML5 में अब नहीं इस्तेमाल किया जाता है。

इसके अलावा, अब meta एलीमेंट को वेब पृष्ठ के लिए भाषा निर्दिष्ट करने के लिए नहीं इस्तेमाल किया जाता है。

सेट कर सकते हैं

HTML5 ने एक तरीका शुरू किया है, जिससे Web डिजाइनर विज़्यूपॉर्ट को <meta> टैग को विज़्यूपॉर्ट को नियंत्रित करने के लिए。

आपको सभी वेब पृष्ठों में निम्नलिखित टैग को शामिल करना चाहिए <meta> विज़्यूपॉर्ट एलीमेंटः

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

यह ब्राउज़र को पृष्ठ के आकार और जूज़म की तुलना में कैसे नियंत्रित करने के बारे में बताता है।

width=device-width कुछ पृष्ठ की चौड़ाई को डिवाइस के स्क्रीन चौड़ाई के अनुसार निर्धारित करता है (डिवाइस अनुसार)。

जब ब्राउज़र पहली बार पृष्ठ को लोड करता है तबinitial-scale=1.0 कुछ सेटिंग शुरूआती जूज़म लेवा।

नीचे दिए गए उदाहरण विना व्यूपॉर्ट meta टैग के वेब पृष्ठ और विना व्यूपॉर्ट meta टैग के वेब पृष्ठ के उदाहरण हैं:

सूचना:यदि आप मोबाइल या टैबलेट से इस पृष्ठ को देख रहे हैं, तो नीचे दिए गए दो लिंक पर क्लिक करके अलग अलग देख सकते हैं。



व्यूपॉर्ट meta टैग के बिना


व्यूपॉर्ट meta टैग के साथ

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

नहीं है。

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट
  • पिछला पृष्ठ <menu>
  • अगला पृष्ठ <meter>