वेब मानक आंदोलन का एक महत्वपूर्ण सिद्धांत जो हमारे पास आज के उद्योग के लिए ज़िम्मेदार है, वह एचटीएमएल तत्वों का उपयोग करने का विचार है कि वे ब्राउज़र में डिफ़ॉल्ट रूप से कैसे दिखाई दे सकते हैं। यह अर्थपूर्ण HTML का उपयोग करने के रूप में जाना जाता है।
अर्थपूर्ण एचटीएमएल क्या है
अर्थपूर्ण HTML या अर्थपूर्ण मार्कअप HTML है जो केवल प्रस्तुति के बजाय वेब पेज पर अर्थ प्रस्तुत करता है। उदाहरण के लिए, एक
टैग इंगित करता है कि संलग्न पाठ एक अनुच्छेद है।
यह अर्थपूर्ण और प्रस्तुति दोनों है, क्योंकि लोग जानते हैं कि पैराग्राफ क्या हैं और ब्राउज़र जानते हैं कि उन्हें कैसे प्रदर्शित किया जाए।
इस समीकरण के फ्लिप पक्ष पर, और जैसे टैग अर्थपूर्ण नहीं हैं, क्योंकि वे केवल परिभाषित करते हैं कि टेक्स्ट को कैसे दिखाना चाहिए (बोल्ड या इटैलिक) और मार्कअप को कोई अतिरिक्त अर्थ प्रदान न करें।
अर्थपूर्ण HTML टैग के उदाहरणों में हेडर टैग
, , और शामिल हैं। ऐसे कई अर्थपूर्ण HTML टैग हैं जिनका उपयोग आप मानक-अनुरूप वेबसाइट बनाने के रूप में उपयोग किए जा सकते हैं।
आपको सेमेटिक्स के बारे में क्यों परवाह करना चाहिए
अर्थपूर्ण एचटीएमएल लिखने का लाभ किसी भी वेब पेज का ड्राइविंग लक्ष्य होना चाहिए- संवाद करने की इच्छा। अपने दस्तावेज़ में अर्थपूर्ण टैग जोड़कर, आप उस दस्तावेज़ के बारे में अतिरिक्त जानकारी प्रदान करते हैं, जो संचार में सहायता करता है। विशेष रूप से, अर्थपूर्ण टैग ब्राउज़र को यह स्पष्ट करते हैं कि किसी पृष्ठ का अर्थ और इसकी सामग्री क्या है।
यह स्पष्टता खोज इंजनों के साथ भी संवाद की जाती है, यह सुनिश्चित करने के लिए कि सही प्रश्न सही प्रश्नों के लिए वितरित किए जाते हैं।
अर्थपूर्ण HTML टैग उन टैग की सामग्री के बारे में जानकारी प्रदान करते हैं जो कि वे किसी पृष्ठ पर कैसे दिखते हैं। टैग में संलग्न पाठ तुरंत ब्राउज़र द्वारा कुछ प्रकार की कोडिंग भाषा के रूप में पहचाना जाता है।
उस कोड को प्रस्तुत करने की कोशिश करने के बजाय, ब्राउज़र समझता है कि आप उस लेख का उपयोग किसी लेख के प्रयोजनों या किसी प्रकार के ऑनलाइन ट्यूटोरियल के लिए कोड के उदाहरण के रूप में कर रहे हैं।
अर्थपूर्ण टैग का उपयोग करके आप अपनी सामग्री को स्टाइल करने के लिए कई और हुक प्रदान करते हैं। शायद आज आप अपने कोड नमूने को डिफ़ॉल्ट ब्राउज़र शैली में प्रदर्शित करना पसंद करते हैं, लेकिन कल, आप उन्हें ग्रे पृष्ठभूमि रंग के साथ कॉल करना चाहते हैं, और बाद में आप सटीक मोनो-स्पेस फ़ॉन्ट परिवार या फ़ॉन्ट स्टैक को परिभाषित करना चाहते हैं आपके नमूने आप अर्थपूर्ण मार्कअप और स्मार्ट रूप से लागू सीएसएस का उपयोग कर इन सभी चीजों को आसानी से कर सकते हैं।
अर्थात् अर्थपूर्ण टैग का प्रयोग करें
जब आप प्रस्तुतिकरण उद्देश्यों के बजाय अर्थ व्यक्त करने के लिए अर्थपूर्ण टैग का उपयोग करना चाहते हैं, तो आपको सावधान रहना होगा कि आप उनके सामान्य प्रदर्शन गुणों के लिए गलत तरीके से उनका उपयोग न करें। कुछ सबसे आम दुरुपयोग वाले अर्थपूर्ण टैग में शामिल हैं:
- ब्लॉकक्वोट - कुछ लोग टेक्स्ट को इंडेंट करने के लिए टैग का उपयोग करते हैं जो उद्धरण नहीं है। ऐसा इसलिए है क्योंकि ब्लॉकक्वाट डिफ़ॉल्ट रूप से इंडेंट किए जाते हैं। यदि आप बस इंडेंटेशन के लाभ चाहते हैं, लेकिन टेक्स्ट ब्लॉकक्वाइट नहीं है, तो इसके बजाय सीएसएस मार्जिन का उपयोग करें।
- पी - कुछ वेब संपादक उस पृष्ठ के पाठ के लिए वास्तविक पैराग्राफ को परिभाषित करने के बजाय पृष्ठ तत्वों के बीच अतिरिक्त स्थान जोड़ने के लिए
& nbsp; (पैराग्राफ में निहित एक गैर-ब्रेकिंग स्पेस) का उपयोग करते हैं। पहले उल्लिखित इंडेंटिंग उदाहरण के साथ, आपको स्पेस जोड़ने के लिए मार्जिन या पैडिंग स्टाइल प्रॉपर्टी का उपयोग करना चाहिए।
- उल - ब्लॉकक्वाइट की तरह, एक
टैग इंडेंट्स के अंदर टेक्स्ट संलग्न करना जो अधिकांश ब्राउज़रों में टेक्स्ट करता है। यह दोनों अर्थात् गलत और अमान्य HTML है, क्योंकि केवल - टैग
टैग के भीतर मान्य हैं। फिर, इंडेंट टेक्स्ट में मार्जिन या पैडिंग शैली का उपयोग करें।
- एच 1-एच 6 - शीर्षक टैग का उपयोग फोंट को बड़ा और बोल्डर बनाने के लिए किया जा सकता है, लेकिन यदि टेक्स्ट शीर्षक नहीं है, तो यह शीर्षक टैग के अंदर नहीं होना चाहिए। यदि आप अपने पृष्ठ पर विशिष्ट टेक्स्ट का आकार या वजन बदलना चाहते हैं तो फ़ॉन्ट-वेट और फ़ॉन्ट-आकार सीएसएस गुणों का उपयोग करें।
जिसका अर्थ है एचटीएमएल टैग का उपयोग करके, आप ऐसे पेज बनाते हैं जो
टैग के साथ बस सब कुछ के आसपास से अधिक जानकारी प्रदान करते हैं।
कौन से एचटीएमएल टैग अर्थपूर्ण हैं?
जबकि लगभग हर एचटीएमएल 4 टैग और सभी एचटीएमएल 5 टैगों का अर्थ अर्थपूर्ण अर्थ है, कुछ टैग मुख्य रूप से प्रकृति में अर्थपूर्ण हैं।
उदाहरण के लिए, एचटीएमएल 5 ने और टैग अर्थपूर्ण होने के अर्थ को फिर से परिभाषित किया है। टैग अतिरिक्त महत्व नहीं देता है, बल्कि पाठ जो आमतौर पर बोल्ड में प्रस्तुत किया जाता है। टैग भी अतिरिक्त महत्व या जोर नहीं देता है, बल्कि पाठ को परिभाषित करता है जो आमतौर पर इटालिक्स में प्रस्तुत किया जाता है।
अर्थपूर्ण एचटीएमएल टैग
संक्षिप्त <परिवर्णी शब्द> एक्रोनिम
लंबा उद्धरण परिभाषा <पता> दस्तावेज़ के लेखक (ओं) के लिए पता <अदालत में तलब> उद्धरण कोड संदर्भ Teletype पाठ तार्किक विभाजन जेनेरिक इनलाइन शैली कंटेनर <डेल> हटाया गया पाठ <इन्स> सम्मिलित पाठ ज़ोर मजबूत जोर
प्रथम स्तर की शीर्षक
द्वितीय स्तर की शीर्षक
तीसरे स्तर के शीर्षक
चौथा स्तर का शीर्षक
पांचवें स्तर की शीर्षक
छठी स्तर की शीर्षक
थीमैटिक ब्रेक उपयोगकर्ता द्वारा पाठ दर्ज किया जाना चाहिए
पूर्व प्रारूपित पाठ
लघु इनलाइन उद्धरण नमूना उत्पादन सबस्क्रिप्ट ऊपर की ओर लिखा हुआ परिवर्तनीय या उपयोगकर्ता परिभाषित पाठ
, और शामिल हैं। ऐसे कई अर्थपूर्ण HTML टैग हैं जिनका उपयोग आप मानक-अनुरूप वेबसाइट बनाने के रूप में उपयोग किए जा सकते हैं।
आपको सेमेटिक्स के बारे में क्यों परवाह करना चाहिए
अर्थपूर्ण एचटीएमएल लिखने का लाभ किसी भी वेब पेज का ड्राइविंग लक्ष्य होना चाहिए- संवाद करने की इच्छा। अपने दस्तावेज़ में अर्थपूर्ण टैग जोड़कर, आप उस दस्तावेज़ के बारे में अतिरिक्त जानकारी प्रदान करते हैं, जो संचार में सहायता करता है। विशेष रूप से, अर्थपूर्ण टैग ब्राउज़र को यह स्पष्ट करते हैं कि किसी पृष्ठ का अर्थ और इसकी सामग्री क्या है।
यह स्पष्टता खोज इंजनों के साथ भी संवाद की जाती है, यह सुनिश्चित करने के लिए कि सही प्रश्न सही प्रश्नों के लिए वितरित किए जाते हैं।
अर्थपूर्ण HTML टैग उन टैग की सामग्री के बारे में जानकारी प्रदान करते हैं जो कि वे किसी पृष्ठ पर कैसे दिखते हैं। टैग में संलग्न पाठ तुरंत ब्राउज़र द्वारा कुछ प्रकार की कोडिंग भाषा के रूप में पहचाना जाता है।
उस कोड को प्रस्तुत करने की कोशिश करने के बजाय, ब्राउज़र समझता है कि आप उस लेख का उपयोग किसी लेख के प्रयोजनों या किसी प्रकार के ऑनलाइन ट्यूटोरियल के लिए कोड के उदाहरण के रूप में कर रहे हैं।
अर्थपूर्ण टैग का उपयोग करके आप अपनी सामग्री को स्टाइल करने के लिए कई और हुक प्रदान करते हैं। शायद आज आप अपने कोड नमूने को डिफ़ॉल्ट ब्राउज़र शैली में प्रदर्शित करना पसंद करते हैं, लेकिन कल, आप उन्हें ग्रे पृष्ठभूमि रंग के साथ कॉल करना चाहते हैं, और बाद में आप सटीक मोनो-स्पेस फ़ॉन्ट परिवार या फ़ॉन्ट स्टैक को परिभाषित करना चाहते हैं आपके नमूने आप अर्थपूर्ण मार्कअप और स्मार्ट रूप से लागू सीएसएस का उपयोग कर इन सभी चीजों को आसानी से कर सकते हैं।
अर्थात् अर्थपूर्ण टैग का प्रयोग करें
जब आप प्रस्तुतिकरण उद्देश्यों के बजाय अर्थ व्यक्त करने के लिए अर्थपूर्ण टैग का उपयोग करना चाहते हैं, तो आपको सावधान रहना होगा कि आप उनके सामान्य प्रदर्शन गुणों के लिए गलत तरीके से उनका उपयोग न करें। कुछ सबसे आम दुरुपयोग वाले अर्थपूर्ण टैग में शामिल हैं:
- ब्लॉकक्वोट - कुछ लोग टेक्स्ट को इंडेंट करने के लिए टैग का उपयोग करते हैं जो उद्धरण नहीं है। ऐसा इसलिए है क्योंकि ब्लॉकक्वाट डिफ़ॉल्ट रूप से इंडेंट किए जाते हैं। यदि आप बस इंडेंटेशन के लाभ चाहते हैं, लेकिन टेक्स्ट ब्लॉकक्वाइट नहीं है, तो इसके बजाय सीएसएस मार्जिन का उपयोग करें।
- पी - कुछ वेब संपादक उस पृष्ठ के पाठ के लिए वास्तविक पैराग्राफ को परिभाषित करने के बजाय पृष्ठ तत्वों के बीच अतिरिक्त स्थान जोड़ने के लिए
& nbsp; (पैराग्राफ में निहित एक गैर-ब्रेकिंग स्पेस) का उपयोग करते हैं। पहले उल्लिखित इंडेंटिंग उदाहरण के साथ, आपको स्पेस जोड़ने के लिए मार्जिन या पैडिंग स्टाइल प्रॉपर्टी का उपयोग करना चाहिए।
- उल - ब्लॉकक्वाइट की तरह, एक
टैग इंडेंट्स के अंदर टेक्स्ट संलग्न करना जो अधिकांश ब्राउज़रों में टेक्स्ट करता है। यह दोनों अर्थात् गलत और अमान्य HTML है, क्योंकि केवल - टैग
टैग के भीतर मान्य हैं। फिर, इंडेंट टेक्स्ट में मार्जिन या पैडिंग शैली का उपयोग करें।
- एच 1-एच 6 - शीर्षक टैग का उपयोग फोंट को बड़ा और बोल्डर बनाने के लिए किया जा सकता है, लेकिन यदि टेक्स्ट शीर्षक नहीं है, तो यह शीर्षक टैग के अंदर नहीं होना चाहिए। यदि आप अपने पृष्ठ पर विशिष्ट टेक्स्ट का आकार या वजन बदलना चाहते हैं तो फ़ॉन्ट-वेट और फ़ॉन्ट-आकार सीएसएस गुणों का उपयोग करें।
जिसका अर्थ है एचटीएमएल टैग का उपयोग करके, आप ऐसे पेज बनाते हैं जो
टैग के साथ बस सब कुछ के आसपास से अधिक जानकारी प्रदान करते हैं।
कौन से एचटीएमएल टैग अर्थपूर्ण हैं?
जबकि लगभग हर एचटीएमएल 4 टैग और सभी एचटीएमएल 5 टैगों का अर्थ अर्थपूर्ण अर्थ है, कुछ टैग मुख्य रूप से प्रकृति में अर्थपूर्ण हैं।
उदाहरण के लिए, एचटीएमएल 5 ने और टैग अर्थपूर्ण होने के अर्थ को फिर से परिभाषित किया है। टैग अतिरिक्त महत्व नहीं देता है, बल्कि पाठ जो आमतौर पर बोल्ड में प्रस्तुत किया जाता है। टैग भी अतिरिक्त महत्व या जोर नहीं देता है, बल्कि पाठ को परिभाषित करता है जो आमतौर पर इटालिक्स में प्रस्तुत किया जाता है।
अर्थपूर्ण एचटीएमएल टैग
संक्षिप्त <परिवर्णी शब्द> एक्रोनिम
लंबा उद्धरण परिभाषा <पता> दस्तावेज़ के लेखक (ओं) के लिए पता <अदालत में तलब> उद्धरण कोड संदर्भ Teletype पाठ तार्किक विभाजन जेनेरिक इनलाइन शैली कंटेनर <डेल> हटाया गया पाठ <इन्स> सम्मिलित पाठ ज़ोर मजबूत जोर
प्रथम स्तर की शीर्षक
द्वितीय स्तर की शीर्षक
तीसरे स्तर के शीर्षक
चौथा स्तर का शीर्षक
पांचवें स्तर की शीर्षक
छठी स्तर की शीर्षक
थीमैटिक ब्रेक उपयोगकर्ता द्वारा पाठ दर्ज किया जाना चाहिए
पूर्व प्रारूपित पाठ
लघु इनलाइन उद्धरण नमूना उत्पादन सबस्क्रिप्ट ऊपर की ओर लिखा हुआ परिवर्तनीय या उपयोगकर्ता परिभाषित पाठ