पिछली गर्मियों में, मैंने पूरा एचटीएमएल 5 विनिर्देश, और हर पिछले एचटीएमएल विनिर्देश (यहां तक कि परित्यक्त वाले) पढ़ा, और सभी सीएसएस चश्मा मुझे मिल सकते थे, और बहुत सारे एक्सएमएल चश्मा। चूंकि मुझे शब्दार्थ से भरपूर हाइपरटेक्स्ट दस्तावेज़ पसंद हैं, इसलिए मैं आपको HTML5 में प्रासंगिक HTML शब्दार्थ के पीछे का विचार दूंगा।
HTML5 से पहले
HTML5 से पहले, i
और b
वास्तव में फैशन से बाहर थे। कारण यह था कि वे अनिवार्य रूप से em
और strong
क्रमशः काम करते थे, लेकिन प्रस्तुति पर ध्यान देने के साथ और शब्दार्थ पर नहीं (जो कि बुरा है)।
वास्तव में, i
इसका मतलब यह है कि पाठ इटैलिक में होना चाहिए (यह कुछ इस बारे में कहा कि पाठ को स्क्रीन पर कैसे प्रस्तुत किया जाना चाहिए)। दूसरी ओर, em
इसका मतलब था कि पाठ पर जोर दिया जाना था (यह पाठ के शब्दार्थ के बारे में कुछ कहा)।
यहां एक महत्वपूर्ण सैद्धांतिक अंतर है। यदि आप उपयोग करते हैं em
, तो उपयोगकर्ता एजेंट (= ब्राउज़र) जानता है कि पाठ पर जोर दिया जाना चाहिए, इसलिए यदि दस्तावेज़ ऑन-स्क्रीन (या ऑल-कैप्स यदि स्वरूपण संभव नहीं है, या शायद बोल्डफेस में भी है तो इसे इटैलिक में प्रस्तुत कर सकते हैं) उपयोगकर्ता पसंद करता है कि), यह अलग से उच्चारण कर सकता है यदि दस्तावेज़ उपयोगकर्ता से बात की है, आदि।
ध्यान दें कि बल वास्तव में शब्दार्थ के बारे में है। उदाहरण के लिए, वाक्यांश
- बिल्ली मेरा है। (= कुत्ते नहीं!)
- बिल्ली मेरी है । (= तुम्हारा नहीं है!)
एक ही अर्थ नहीं है।
यही अंतर b
(बोल्डफेस फॉन्ट) और strong
(मजबूत जोर) पर लागू होता है ।
विशेष रूप से, और विशेष रूप से हाइपरटेक्स्ट संलेखन के डिजिटल लेखन का एक सामान्य सिद्धांत यह है कि आपको सामग्री और शैली को अलग करना चाहिए। हाइपरटेक्स्ट संलेखन में, इसका मतलब है कि सामग्री HTML फ़ाइल में होनी चाहिए, और शैली एक सीएसएस फ़ाइल (या सीएसएस फ़ाइलों की संख्या) में होनी चाहिए। एक अलग लेकिन संबंधित सिद्धांत यह है कि दस्तावेज़ को शब्दार्थों में समृद्ध होना चाहिए (जैसे हेडर, फुटर, सूचियां, एम्पहेस, पते, नेविगेशनल क्षेत्र आदि)। इसके कई फायदे हैं:
- दस्तावेज़ की व्याख्या करने के लिए कंप्यूटर प्रोग्राम के लिए यह बहुत आसान है। इन कार्यक्रमों में ब्राउज़रों, पाठ से वाक् अनुप्रयोग, खोज इंजन और डिजिटल सहायक शामिल हैं। (उदाहरण के लिए, ब्राउज़र आपको अपनी पता पुस्तिका में एक पते को सहेजने की सुविधा दे सकता है, अगर केवल यह उसे खोज और व्याख्या कर सकता है। इसके अलावा, आप यह जान सकते हैं कि Microsoft वर्ड आपके लिए एक TOC अपडेट कर सकता है और यदि आप अपनी हेडिंग को सही ढंग से चिह्नित करते हैं तो स्वचालित रूप से अपडेट कर सकते हैं। ।)
- बाद में शैली को बदलना बहुत आसान है। (यदि आप अपने 860 पृष्ठ के दस्तावेज़ में अपने सभी तृतीय-स्तरीय शीर्षकों का रंग बदलना चाहते हैं, तो आप स्टाइलशीट में एक पंक्ति बदल सकते हैं। यदि आपके पास मिश्रित सामग्री और प्रस्तुति थी, तो आपको मैन्युअल रूप से पूरे दस्तावेज़ से गुजरना होगा। । और आप शायद एक या दो को याद करेंगे, जिससे दस्तावेज़ अप्रमाणिक दिखेंगे।)
- आप परिस्थिति के आधार पर विभिन्न स्टाइलशीट का उपयोग कर सकते हैं (क्या दस्तावेज़ को ऑन-स्क्रीन प्रदर्शित किया जा रहा है या कागज पर मुद्रित किया गया है?)। तुम भी अंत उपयोगकर्ता खुद शैली का चयन कर सकते हैं। (मेरी वेबसाइट कई वैकल्पिक शैलियों की पेशकश करती है। IE और FF में, आप दृश्य मेनू का उपयोग करके इन्हें बदलते हैं।)
इसलिए, संक्षेप में, i
और b
पदावनत किया गया क्योंकि वे प्रस्तुति के बारे में चिंतित HTML टैग थे , जो पूरी तरह से गलत है।
HTML5 में
HTML5 में i
और b
अब पदावनत नहीं हैं। इसके बजाय, उन्हें अर्थ दिया जाता है । इसलिए वे अब वास्तव में शब्दार्थ के बारे में हैं, न कि प्रस्तुति के बारे में।
पहले की तरह, आप का उपयोग em
जोर को चिह्नित करने के: "बिल्ली है । मेरा" लेकिन आप i
लगभग सभी अन्य मामलों के लिए उपयोग करते हैं जहां आप एक मुद्रित कार्य में इटैलिक का उपयोग करेंगे। उदाहरण के लिए:
- आप टैक्नोनामिक
i
पद चिन्हों का उपयोग करते हैं : "मुझे आर। नॉर्वेजिकस पसंद है ।"
- आप
i
आसपास के पाठ की तुलना में एक अलग भाषा में एक वाक्यांश को चिह्नित करने के लिए उपयोग करते हैं : e ला कार्टे
- आप का उपयोग
i
एक शब्द को चिह्नित करने के लिए जब आप यह शब्द स्वयं के बारे में बात: " पेय दोनों एक संज्ञा और एक क्रिया है"
class
सटीक उपयोग को निर्दिष्ट करने के लिए विशेषता का उपयोग करना भी एक अच्छा विचार है (Google "माइक्रोफ़ॉर्मेट" और "माइक्रोडाटा")। और, ज़ाहिर है, दूसरे मामले में, आपको lang
सही भाषा को निर्दिष्ट करने के लिए विशेषता का उपयोग करना चाहिए । (अन्यथा, उदाहरण के लिए , एक टेक्स्ट-टू-स्पीच एजेंट टेक्स्ट को गलत तरीके से लिख सकता है।)
एक या दो साल पहले, HTML5 विनिर्देश ने यह भी कहा कि cite
इसका उपयोग पुस्तकों, फिल्मों, ओपेरा, चित्रों आदि के नामों को चिह्नित करने के लिए किया जाना चाहिए।
- आप निम्फोमेनिक के बारे में क्या सोचते हैं ?
अंत में, बहुत पहले से, dfn
पाठ में वाक्यांश के परिभाषित उदाहरण (जैसे गणितीय परिभाषा, या किसी शब्द की परिभाषा) का उपयोग किया जाता है:
- एक समूह एक सेट एक्स है जो एक एकल बाइनरी ऑपरेशन * से सुसज्जित है ...
तो आपकी मुद्रित पुस्तक में इटैलिक्स, जिसका अर्थ बहुत सारी चीजों से हो सकता है, को चार अलग-अलग एचटीएमएल 5 टैग द्वारा दर्शाया गया है, जो वास्तव में बहुत अच्छा है, क्योंकि शब्दार्थ अच्छा है, जैसा कि मैंने आपको पहले समझाने की कोशिश की थी। (उदाहरण के लिए, आप अपने ब्राउज़र को पाठ में सभी परिभाषाओं की एक सूची बनाने के लिए कह सकते हैं, ताकि आप यह सुनिश्चित कर सकें कि आप परीक्षा से पहले उन सभी को जान सकें।)
करने के लिए strong
और b
, HTML5 विनिर्देश की ओर इशारा करते हुए कहा गया है कि strong
इसका उपयोग पाठ के एक महत्वपूर्ण भाग को चिह्नित करने के लिए किया जाना चाहिए, जैसे कि एक चेतावनी या एक वाक्य में कुछ बहुत महत्वपूर्ण-से-पकड़ने वाला शब्द। दूसरी ओर, b
उन चीजों को चिह्नित करने के लिए उपयोग किया जाना चाहिए, जिन्हें कीवर्ड की तरह पाठ में खोजना आसान होना चाहिए। मैं b
सूची आइटम (LI) में शीर्षकों के रूप में भी उपयोग करता हूं ।
<b>
और<i>
पदावनत नहीं कर रहे हैं।