TechnicalViews in Hindi: HTML Meta Tags in hindi

HTML, Meta tag को इसलिये स्पेसिफाई करने देता है क्योकि इसके पास document के बारे में महत्वपूर्ण जानकारी होती हैं। इसमें META elements का इस्तेमाल name/value को जोड़ने और HTML डाक्युमेंट की properties को describe करने के लिये किया जा सकता है। जैसे author, expiry date, a list of keywords, document author आदि।

आप अपने डाक्यूमेंट में एक या एक से अधिक meta tags को रख सकते हो, जिनकी जानकारी आप अपने document में रखना चाहते हो। लेकिन सामान्य तौर पर इसके मेटा टैग डाक्यूमेंट्स के physical appearance को impact नहीं करते। क्योकि इसके प्वाइंट आफ व्यू से इसपर कोई फर्क नहीं पड़ता कि मेटा टैग को शामिल करें या नही।

अपने डाक्यूमेंट में मेटा टैग को जोड़ना: आप डाक्यूमेंट के header के अन्दर <meta> tag डालकर अपने वेब पेजों पर मेटाडेटा को जोड़ सकते हो। जिन्हें <head> और </ head> tag द्वारा दर्शाया जाता है। मेटा टैग के मुख्य properties के अतिरिक्त निम्नलिखित विशेषताएं हो सकती हैं:

Sr.No	Attribute & Description
1	Name इसमें property के लिये कुछ भी नाम हो सकते हैं। उदाहरणों के लिये: keywords, description, author, revised, generator आदि।
2	content यह property की वैल्यूज को स्पेशिफाई करता है।
3	scheme यह property की वैल्यूज को interpret करने के लिए scheme को स्पेशिफाई करती है। (जैसा कि content attribute में declared है)
4	http-equiv इसका उपयोग http रिस्पाँस message headers के लिए होता है। उदाहरण के लिए http-equiv का उपयोग पेज को रीफ्रेस या कुकी को सेट करने के लिए किया जा सकता है। और इसकी values में content-type, expires, refresh और set-cookie शामिल है।

Keywords को Specify करना: आप document से संबंधित महत्वपूर्ण कीवर्ड को स्पेसिफाई करने के लिए <meta>tag का उपयोग कर सकते हैं, और बाद में इन keywords को search engines द्वारा उपयोग किया जाता है। जबकि searching purpose के लिए अपने वेबपेज पर indexing करता है।

उदाहरण

निम्नलिखित उदाहरण में हम डाक्यूमेंट के बारे में महत्वपूर्ण कीवर्ड के रूप में HTML, Meta Tag, Meta Data को जोड़ रहे हैं।

<!DOCTYPE html>
<html>
   
   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
   </head>
   
   <body>
      <p>Hello HTML5!</p>
   </body>
   
</html>

आउटपुट

Hello HTML5!

Document Description: इसमें document के बारे में short description देने के लिए आप <meta> tag का उपयोग कर सकते हो। इसका उपयोग फिर भी विभिन्न search engines द्वारा किया जा सकता है। जबकि searching के लिए यह अपने वेबपेज पर indexing करता है।

उदाहरण

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
   </head>
 
   <body>
      <p>Hello HTML5!</p>
   </body>
   
</html>

Document Revision Date: आप पिछले अपडेटेड डाक्यूमेंट की जानकारी के लिए <meta> tag का उपयोग कर सकते हैं। और जिसकी जानकारी आपको वेबपेज को refresh करते समय विभिन्न web browsers से मिल जाएगी।

उदाहरण

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "TechnicalViews in Hindi, 12/9/2018" />
   </head>
 
   <body>
      <p>Hello HTML5!</p>
   </body>
 
</html>

डाक्यूमेंट को रिफ्रेश करना: इसमें refresh tag का उपयोग करने के बाद आपका वेब पेज स्वचालित ही refresh होता रहेगा।

उदाहरण
यदि आप चाहते हैं कि आपका पेज हर 5 सेकंड के बाद refresh हो तो निम्न सिंटैक्स का उपयोग करें।

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "TechnicalViews in Hindi, 12/9/2018" />
      <meta http-equiv = "refresh" content = "5" />
   </head>
 
   <body>
      <p>Hello HTML5!</p>
   </body>
 
</html>

Page Redirection: आप अपने पेज को किसी अन्य वेबपेज पर redirect करने के लिए <meta> tag का उपयोग कर सकते हो। अौर इसमें आप निश्चित अवधि को भी specify कर सकते हैं। यदि आप चाहते है कि कुछ सेकंड के बाद आपका पेज redirect होता रहे।

उदाहरण
वर्तमान पेज को 5 सेकंड के बाद दूसरे पेज पर redirect करने का एक उदाहरण निम्नलिखित है। यदि आप तुरंत पेज को redirect करना चाहते हैं, तो content attribute को स्पेसिफाई न करें।

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "TechnicalViews in Hindi, 12/9/2018" />
      <meta http-equiv = "refresh" content = "8; url = https://technicalveiws.blogspot.com/" />
   </head>
 
   <body>
      <p>Hello HTML5!</p>
   </body>
 
</html>

कुकीज सेट करना(Setting Cookies): कुकीज आपके कंप्यूटर पर छोटे टेक्स्ट फाइलों में स्टोर होता है। जो आपके web application की आवश्यकतानुसार विभिन्न सूचनाओं को track करने के लिए web browsers और web servers के बीच आदान-प्रदान करता है।

आप <meta>tag के द्वारा client side पर cookies को store कर सकते हैं, और बाद में site visitor को ट्रैक करने के लिए वेब सर्वर का उपयोग किया जा सकता है।

उदाहरण
Cookies को सेट करने के लिये उदाहरण निम्नलिखित है।

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "TechnicalViews in Hindi, 12/9/2018" />
      <meta http-equiv = "cookie" content = "userid = xyz;
         expires = Wednesday, 12-sep-2018 23:59:59 GMT;" />
         
   </head>
 
   <body>
      <p>Hello HTML5!</p>
   </body>
 
</html>

यदि आप समाप्ति तिथि और समय को शामिल नहीं करते हैं, तो कुकी को session cookie माना जायेगा और उपयोगकर्ता को browser से बाहर निकलने पर हटा दिया जाएगा।

नोट: आप कुकीज के संपूर्ण विवरण के लिए PHP और Cookies tutorial को देख सकते हैं।

आर्थर नेम सेट करना(Setting Author Name): आप Meta Tag का उपयोग कर वेब पेज में आर्थर का नाम सेट कर सकते हैं। नीचे के उदाहरण देखें:

उदाहरण

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "Praveen Katiyar" />
   </head>
 
   <body>
      <p>Hello HTML5!</p>
   </body>
 
</html>

कैरेक्टर सेट को स्पेशिफाई करना (Specify Character Set): आप वेबपेज में इस्तेमाल किए गए character सेट को स्पेसिफाई करने के लिए <meta>tag का उपयोग कर सकते हैं।

उदाहरण

डिफ़ॉल्ट रूप से, web server और web browsers को वेब पेजों पर process करने के लिए ISO-8859-1(Latin1)encoding का उपयोग किया जाता हैं। यहाँ UTF-8 एन्कोडिंग को सेट करने के लिए निम्न उदाहरण हैं:

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "Praveen Katiyar" />
      <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" />
   </head>
 
   <body>
      <p>Hello HTML5!</p>
   </body>
 
</html>

Traditional Chinese characters के साथ static पेज को serve और वेबपज में Big5 एन्कोडिंग सेट करने के लिए <meta>tag होना चाहिए।

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "Praveen Katiyar" />
      <meta http-equiv = "Content-Type" content = "text/html; charset = Big5" />
   </head>
 
   <body>
      <p>Hello HTML5!</p>
   </body>
 
</html>

भारतीय भाषाओं में सहजता से अनुवाद करने और किसी अन्य टूल की अपेक्षा दोगुना अनुवाद करने के लिए हमारे टूल https://transzaar.com/ का उपयोग कर अधिक से अधिक लाभ कमाएँ।

TechnicalViews in Hindi

Pages

HTML Meta Tags in hindi

1 comment: