अब तक हमने लगभग पूरे एचटीएमएल को समझ लिया है । अब कुछ बारीक बातें । हेड सेक्सन के अन्तर्गत आने वाले मेटा टैग के द्वारा हम बहुत कुछ कर सकते हैं । इसके अतिरिक्त भी हेड टैग के अन्तर्गत ही हम पेज रिडायरेक्ट विकल्प भी प्रयोग करते हैं ।
आइये इन्हे समझते हैं -
<meta name="" content="" />
एक मेटा टैग का आरम्भ कोना ब्रेकट के साथ मेटा लिखकर होता है । इसके तुरंत बाद मात्र एक स्पेस छोडकर मेटा का नाम (नेम) लिखा जाता है । इस नेम के अन्तर्गत हम मेटा के प्रयोग की पहचान बताते हैं । इसके बाद कान्टेन्ट लिखा जाता है जिसके द्वारा हम मेटा के कार्य को प्रस्तुत करते हैं ।
उदाहरण -
<html>
<head>
<meta name="author" content="Sir Dr- Vivekanand Pandey" />
</head>
<body>
<h1>Learn Complete Use of Meta Tag</h1>
</body>
</html>
इस उदाहरण में हमने इस पेज के लेखक का मेटा सेट किया है । यह पेज को बतायेगा कि उसका लिखने वाला कौन है । इसके लिये हमने मेटा टैग का प्रारम्भ करके उसका नाम (आथर) सेट किया फिर उसका कान्टेन्ट (आथर का नाम) सेट कर दिया ।
मेटा टैग के द्वारा हम निम्नलिखित कार्य कर सकते हैं ।
- आथर का नाम सेट
- पेज का विषय (डिस्क्रिप्शन) सेट
- पेज का कीवर्ड सेट
- पेज की भाषाकोडिंग सेट
- पेज को रिफ्रेश करना
- पेज को रिडायरेक्ट करना
उदाहरण -
पेज का ऑथर सेट करना
<html>
<head>
<meta name="author" content="Sir Dr- Vivekanand Pandey" />
</head>
<body>
<h1>Learn Complete Use of Meta Tag</h1>
</body>
</html>
उपयोग - ब्राउजर को पता चलता है कि पेज का आथर कौन है ।
पेज का डिस्क्रिप्शन सेट करना
<html>
<head>
<meta name="description" content="about learning html, css, js, and complete web designing in hindi" />
</head>
<body>
<h1>Learn Complete Use of Meta Tag</h1>
</body>
</html>
उपयोग - सर्च इन्जन में ढूढने वाले व्युवर्स को आपके वेबसाइट के विषय में पूरी जानकारी कि वेबसाइट किस विषय पर आधारित है, उनके काम की है या नहीं ।
पेज का कीवर्ड सेट करना
<html>
<head>
<meta name="keyword" content="html, css, js, jquery, php, mysql" />
</head>
<body>
<h1>Learn Complete Use of Meta Tag</h1>
</body>
</html>
उपयोग - सर्च इन्जन को पता चलता है कि आपकी वेबसाइट किस विषय पर आधारित है , आपके सेट कीवर्ड को लोगों के ढूढे गये कीवर्ड से मैच कराकर उनको सही रिजल्ट दिखाया जाता है ।
पेज की भाषा कोडिंग सेट करना
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<h1>Learn Complete Use of Meta Tag</h1>
</body>
</html>
उपयोग - डिफाल्ट रूप से आपके पेज की कोडिंग पश्चिमी भाषाओं को सपोर्ट करती है । किन्तु यदि आपके पेज पर हिन्दी यूनीकोड या अन्य भारतीय भाषाएँ हैं तो उन्हे सपोर्ट करने के लिये आपके पेज को यह बताना पडेगा कि यह एक utf-8 भाषा कोड की वेबसाइट है । इस न सेट करने पर हिन्दी में लिखी हुई चीजें ब्राउजर में प्रतीकचिन्ह बनकर दिखाई देंगे या कि प्रश्न चिन्ह के रूप में ।
पेज का रिफ्रेश सेट करना
<html>
<head>
<meta http-equiv="refresh" content="20" />
</head>
<body>
<h1>Learn Complete Use of Meta Tag</h1>
</body>
</html>
उपयोग - इसका प्रयोग प्राय: समाचार आदि की वेबसाइट बनाने के लिये की जाती है । या उन वेबसाइट्स के लिये जो हर 15-20 मिनट में अपडेट होती रहती हैं । इस मेटा सेट से आपका पेज अपने आप ही सेट एमाउंट सेकेण्ड में रिफ्रेश हो जाता है । और नई चीजें दिखने लगती हैं ।
पेज को किसी अन्य बेबसाइट पर रिडायरेक्ट करना
<html>
<head>
<meta http-equiv="refresh" content="10;url="http://www.sjweb.in/" />
</head>
<body>
<h1>Learn Complete Use of Meta Tag</h1>
</body>
</html>
उपयोग - यदि आपको अपने पेज को किसी अन्य पेज पर रिडायरेक्ट करना है तो यह रिफ्रेश मेटा आपके काम आ सकता है । इसके प्रयोग से आप खुले हुए पेज से सेट एमाउंट सेकेण्ड के अन्दर ही सेट यूआरएल पर पहुँच जाते हैं ।
मेटा टैग के अन्य भी प्रयोग हैं किन्तु यहाँ दिये गये प्रयोग अधिकतम उपयोगी हैं । इसलिये इन्हे यहाँ प्रस्तुत किया गया । इन्हे अपनी नयी वेबसाइट पर प्रयोग करके देखें । निश्चय ही आपको वेबडिजाइनिंग का पूरा मजा आयेगा ।
sir apne hindi me jo bataya e sab se best hai
ReplyDeletethanks sir ji
ReplyDeleteaapki help se bahut si problems solve hui h
Bahut achhi jankari di hai sir
ReplyDeleteThank you
Koi hacking ke bar me
ReplyDeleteवेब डिजाइनरों के लिए html कोड उदाहरण
ReplyDeleteशरीर HTML कोड में एक पैराग्राफ
Meta Tag (मेटा टैग) Kya Hai
ReplyDelete