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