Semantic Tags in HTML Free web designing Course Tutorials #12
Semantic Tags in HTML
इस HTML ट्यूटोरियल में, हम HTML में शब्दार्थ के बारे में जानने वाले हैं। वेबसाइटों को उचित अर्थ देने और खोज इंजनों को इसे ठीक से विश्लेषण करने में मदद करने के लिए शब्दार्थ का उपयोग किया जाता है। इसके अलावा, हम मूल टैग और उनके उपयोग को पहचानने में विभिन्न खोज इंजन से बदले में सहायता प्राप्त कर सकते हैं। उदाहरण के लिए, हेडर, नेविगेशन बार, बॉडी और फूटर के लिए अलग-अलग टैग का उपयोग किया जाता है। इसलिए प्रत्येक टैग को ठीक से विश्लेषण करने के लिए, हमें शब्दार्थ का उपयोग करना होगा। किसी वेबसाइट में शब्दार्थ का बेहतर उपयोग, अधिक संभावना है कि यह खोज इंजन द्वारा क्रॉल किया जा रहा है। यह एक वेबसाइट की बेहतर रैंकिंग में भी मदद करेगा।
बहुत ही सरल भाषा में, अर्थ शब्द किसी भी शब्द को अर्थ प्रदान करता है। अगर हम एक वेब पेज के बारे में बात करते हैं, तो पहले ज्यादातर वेबसाइट केवल विभिन्न वर्गों और आईडी सहित डिव का उपयोग करके बनाई जाती हैं। लेकिन यह सर्च इंजनों को यह बताने का सही तरीका नहीं था कि अगर तत्व हेडर, फुटर या कोई अन्य बॉडी हैं।
शब्दार्थ के कई उदाहरण हैं। आप सभी को देखने के लिए इंटरनेट का संदर्भ ले सकते हैं। यहाँ कुछ महत्वपूर्ण अर्थ तत्व दिए गए हैं-
<header>
<nav>
<section>
<article>
<footer>
इन उदाहरणों के साथ, खोज इंजन हेडर, नेविगेशन बार, अनुभाग, निकाय और पाद के बीच आसानी से अंतर कर सकते हैं। इसके अलावा, जब हम इस वेबसाइट के लिंक को सोशल मीडिया में साझा करते हैं, तो दर्शक आसानी से किसी वेबसाइट के हेडिंग, सेक्शन और बॉडी को समझ पाएंगे।
लेकिन अब सवाल यह उठता है कि क्या इन सभी चीजों का इस्तेमाल करना जरूरी है? इसका सीधा उत्तर है, यह शब्दार्थ का उपयोग करने के लिए आवश्यक नहीं है, लेकिन इसमें एसईओ भाग में मदद मिलेगी और आपकी वेबसाइट की रैंकिंग की संभावना बढ़ जाएगी। यदि आप एक ब्लॉग पर काम कर रहे हैं, तो आपको अपनी रैंकिंग को बेहतर बनाने के लिए इस तकनीक का उपयोग करना चाहिए। दूसरी ओर, गैर-अर्थ संबंधी तत्व उनके अर्थ को सही नहीं ठहराते हैं। उदाहरण के लिए, div और स्पैन बहुत कुछ नहीं बताते हैं कि वे ग्रंथों के बीच विभाजन से अलग क्या करते हैं।
HTML में शब्दार्थ भाग इतना कठिन नहीं है, इसलिए ज्यादा समय बर्बाद किए बिना हम सीधे CSS सेक्शन पर कूदेंगे जहां हम कुछ अच्छी दिखने वाली और वास्तविक वेबसाइट बनाना सीखेंगे। HTML, CSS, और JavaScript सीखना हमेशा बेहतर होता है केवल 75% HTML सीखने के बजाय प्रत्येक 75%। आपको पहले वेब विकास की मूल नींव बनाने की कोशिश करनी चाहिए और फिर अभ्यास के माध्यम से कदम से कदम सीखते रहना चाहिए। क्योंकि आप कभी भी 100% वेब विकास नहीं सीख पाएंगे। इसलिए, अधिक अभ्यास करके कौशल में सुधार करने का प्रयास करें।
Code:-
<!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">
<title>HTML Semantic Tags</title>
</head>
<body>
<h3>Semantic Elements</h3>
<details>
<summary>I have keys but no doors. I have space but no room. You can enter but can’t leave. What am I?
A keyboard.
A keyboard.
A keyboard.
A keyboard.
A keyboard.
A keyboard.
A keyboard.
A keyboard.
A keyboard.
A keyboard.
A keyboard.
A keyboard.
A keyboard.
A keyboard.
A keyboard.
A keyboard.
A keyboard.
A keyboard.
A keyboard.</summary>
lorem34
</details>
</body>
</html>
