टैग का उपयोग HTML दस्तावेज़ में मेटाडेटा को परिभाषित करने के लिए किया जाता है जैसे सूचना, कीवर्ड, लेखक, आदि। HTML5 के साथ, आप <मेटा> टैग के साथ व्यूपोर्ट सेट कर सकते हैं।
यहां मेटा जानकारी जोड़ने और <मेटा> टैग का उपयोग करने के विभिन्न तरीके दिए गए हैं -
लेखक
वेब पेज के लेखक को जोड़ने के लिए निम्नलिखित का प्रयोग करें।
<meta name="author" content="Amit">
विवरण
वेब पेज के विवरण को परिभाषित करने के लिए निम्नलिखित का प्रयोग करें।
<meta name="description" content="Learn from Text and Video Tutorials">
कीवर्ड
वेब पेज पर कीवर्ड जोड़ने के लिए निम्नलिखित का उपयोग करें।
<meta name="keyword" content="Java, WordPress, Drupal, Android, iOS">
व्यूपोर्ट सेट करने के लिए
व्यूपोर्ट का उपयोग मोबाइल ब्राउज़र पर लेआउट को नियंत्रित करने के लिए किया जाता है। इसका उपयोग <मेटा> टैग के अंदर ब्राउज़र को यह निर्देश देने के लिए किया जाता है कि वेब पेज के आयामों और स्केलिंग को नियंत्रित करने के लिए कैसे काम किया जाए।
<meta name="viewport" content="width=device-width, initial-scale=1.0">
उदाहरण
<मेटा> टैग के बारे में जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं।
<!DOCTYPE html> <html> <head> <meta name="description" content="Learn from Text and Video Tutorials"> <meta name="keywords" content="Java, WordPress, Drupal, Android, iOS"> <meta name="author" content="Amit"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <p>This is is demo text. The head tag consists of all the meta information.</p> </body> </html>