HTML
by
Admin
February 22, 2021
Title, Script, Link & Meta Tags Free web designing Course Tutorials #4
Title, Script, Link & Meta Tags Free web designing Course in hindi
अंतिम ट्यूटोरियल में, हमने सीखा है कि किसी वेबसाइट की मूल संरचना कैसी दिखती है। इस HTML ट्यूटोरियल में, हम शीर्षक, स्क्रिप्ट, लिंक और मेटा टैग के बारे में जानने वाले हैं। हम "tut4.html" के रूप में एक नई फ़ाइल बनाएंगे और फिर बॉयलरप्लेट HTML टेम्पलेट प्राप्त करने के लिए पहले बताए गए अनुसार बेसिक एमिट नाम का उपयोग करेंगे। इस ट्यूटोरियल का उद्देश्य HTML हेड टैग के बारे में पूरी तरह से जानना है और इनमें क्या है।
मेटा टैग का उपयोग HTML में मेटा डेटा को परिभाषित करने के लिए किया जाता है। वे मुख्य रूप से एसईओ (सर्च इंजन ऑप्टिमाइजेशन) तकनीकों में उपयोग किए जाते हैं जो किसी विशेष वेबसाइट को Google या विभिन्न खोज इंजनों में बेहतर रैंक करने में मदद करते हैं। यह किसी भी वेबसाइट पर अधिक ट्रैफ़िक प्राप्त करने के लिए बस एक वेबपेज की रैंकिंग को बढ़ा देता है।
तो आइए विभिन्न मेटा टैग्स को समझते हैं।
<meta charset= “UTF-8”>
- इसका सीधा सा मतलब है कि जो अक्षर इस्तेमाल किए गए हैं, वे UTF-8 के होंगे। यह पृष्ठ के वर्ण एन्कोडिंग की घोषणा करता है। इसमें चरित्र एनकोडिंग के लिए एक मानक IANA MIME नाम होना चाहिए। इसके अलावा, लेखकों को UTF-8 का उपयोग करने के लिए प्रोत्साहित किया जाता है।
<meta name= “viewport” content= “width=device-width, initial-scale=1.0">
- इस टैग का उपयोग आपकी वेबसाइट को उत्तरदायी बनाने और इसकी चौड़ाई को इस तरह समायोजित करने के लिए किया जाता है कि यह पीसी या मोबाइल दोनों में अच्छा लगे। यह वेबसाइट को मोबाइल के अनुकूल बनाने में भी मदद करता है।
<meta http-equiv= “X-UA-Compatible” content= “ie=edge”>
- यह किसी भी विशेष वेबसाइट को उपलब्ध उच्चतम संगतता मोड में खोलने में मदद करता है। यह ज्यादातर उन लोगों के लिए है जो अभी भी इंटरनेट एक्सप्लोरर का उपयोग कर रहे हैं। क्योंकि अभी भी कुछ लोग हैं जिन्होंने अपने सिस्टम को अपग्रेड नहीं किया है और अभी भी पुराने संस्करणों का उपयोग कर रहे हैं।
हमारी वेबसाइट पर विवरण और कीवर्ड जोड़ने के लिए, हम अभी भी मेटा टैग का उपयोग करते हैं।
<meta name= “description” content = “This is a description”>
- विवरण जोड़ने के लिए, हमें उपरोक्त कथन लिखना होगा और सामग्री भाग में अपना विवरण लिखना होगा।
<meta name= “keywords” content= “html tutorial, css tutorial”>
- कीवर्ड वे विशेष शब्द हैं जिनके माध्यम से उपयोगकर्ता किसी भी वेबसाइट तक पहुंचता है। आप टैग के सामग्री भाग में कीवर्ड जोड़ सकते हैं।
अगर हम चाहते हैं कि हमारी वेबसाइट Google या अन्य खोज इंजनों में अनुक्रमित हो और बॉट्स को वेबसाइट पर मौजूद सभी लिंक का पालन करना चाहिए, तो हमें लिखना होगा-
<meta name= “robots” content= “INDEX, FOLLOW”>
HTML कोड में हमारे स्टाइलशीट को "harry.css" से जोड़ने के लिए, हमें लिखना होगा-
<link rel= “stylesheet” href= “harry.css”>
उसी तरह, जैसे हमने CSS को शामिल किया है, हम <head> टैग में जावास्क्रिप्ट फ़ाइल भी शामिल कर सकते हैं।
<script src = “harry.js”></script>
मेरा मानना है कि आप समझ गए हैं कि HTML फाइल के हेड टैग में सभी चीजें मौजूद हैं। आगामी ट्यूटोरियल में, हम बॉडी टैग की अवधारणा को समझेंगे, जहाँ हम वेबसाइट की मुख्य सामग्री लिखते हैं।
वीडियो में वर्णित / लिखे अनुसार कोड
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="This is description">
<meta name="keywords" content="html, html tutorials, web development">
<meta name="robots" content="INDEX, FOLLOW">
<title>Document</title>
<!-- This is how you include external css -->
<link rel="stylesheet" href="harry.css">
<!-- This is how you include external JavaScript -->
<script src="harry.js"></script>
</head>
<body>
</body>
</html>
