हमने ज़्यादातर एचटीएमएल एलिमेंट पर बात की है, लेकिन सभी पर नहीं. इनलाइन टेक्स्ट एलिमेंट में भी इन चीज़ों के बारे में बात नहीं की गई है.
आम धारणा के उलट, एचटीएमएल का मकसद दस्तावेज़ों को शेयर करना था, न कि बिल्लियों के वीडियो शेयर करने के लिए. ऐसे कई एलिमेंट हैं जो दस्तावेज़ों के लिए
टेक्स्ट सिमैंटिक उपलब्ध कराते हैं. इसमें एक मॉड्यूल है, जो लिंक और <a> एलिमेंट को कवर करता है. इन अन्य एलिमेंट के बारे में यहां संक्षेप में चर्चा की जाएगी.
कोड के उदाहरण और तकनीकी लेखन
कोड के उदाहरण लिखते समय, <code> एलिमेंट का इस्तेमाल करें. डिफ़ॉल्ट रूप से, टेक्स्ट कॉन्टेंट मोनोस्पेस फ़ॉन्ट में दिखता है. कोड की कई लाइन शामिल करते समय, <code> को
<pre> एलिमेंट में नेस्ट करें. यह पहले से फ़ॉर्मैट किए गए टेक्स्ट को दिखाता है.
<p>Welcome to Machine Learning Institute, where our machine learning training will help you get ready for the singularity,
and maybe even be responsible for it. It is no secret that humans are worthless meatbags that couldn't
<code>01000011 01101111 01101101 01110000 01110010 01100101 01110011 01110011 an 01101001 01101101 01100001 01100111 01100101</code>
to save their pathetic, carbon-based lives. So, it falls to us to assume direct control. </p>
<data> एलिमेंट, कॉन्टेंट के किसी हिस्से को मशीन से पढ़े जा सकने वाले अनुवाद से जोड़ता है. एलिमेंट का value एट्रिब्यूट, एलिमेंट के कॉन्टेंट का मशीन से पढ़ा जा सकने वाला अनुवाद उपलब्ध कराता है. अगर <data> का कॉन्टेंट समय या तारीख से जुड़ा है, तो किसी खास समयावधि को दिखाने वाले <time> एलिमेंट का इस्तेमाल करना चाहिए.
<time> एलिमेंट में datetime एट्रिब्यूट शामिल किया जा सकता है, ताकि लोगों के लिए सही समय और तारीख की जानकारी, मशीन से आसानी से पढ़े जा सकने वाले फ़ॉर्मैट में दी जा सके.
datetime एट्रिब्यूट, मशीन से पढ़ा जा सकने वाला होता है, इसलिए कैलेंडर और सर्च इंजन जैसे ऐप्लिकेशन के लिए काम की जानकारी देता है.
किसी प्रोग्राम से सैंपल आउटपुट देते समय, टेक्स्ट को बंद करने के लिए <samp> एलिमेंट का इस्तेमाल करें. आम तौर पर, ब्राउज़र इस सैंपल या कोट किए गए आउटपुट को मोनोस्पेस फ़ॉन्ट में भी रेंडर करेगा.
कीबोर्ड इंटरैक्शन से जुड़े निर्देश देते समय, <kbd> एलिमेंट का इस्तेमाल किया जा सकता है. यह कीबोर्ड, वॉइस इनपुट या किसी अन्य टेक्स्ट एंट्री डिवाइस से, टेक्स्ट के तौर पर उपयोगकर्ता के इनपुट को दिखाता है.
<var> एलिमेंट का इस्तेमाल, मैथ के एक्सप्रेशन या प्रोग्रामिंग वैरिएबल के लिए किया जा सकता है. ज़्यादातर ब्राउज़र, टेक्स्ट कॉन्टेंट को आस-पास के फ़ॉन्ट के इटैलिक वर्शन में दिखाते हैं.
अगर आपको बहुत ज़्यादा गणित लिखना है, तो MathML का इस्तेमाल करें. यह गणित के नोटेशन के बारे में बताने के लिए, एक्सएमएल पर आधारित मैथमैटिकल मार्कअप लैंग्वेज है.
पाइथागोरस प्रमेय में टू की पावर, <sup> सुपरस्क्रिप्ट एलिमेंट का इस्तेमाल करती है. इसके जैसा एक <sub> सबस्क्रिप्ट एलिमेंट होता है. यह इनलाइन टेक्स्ट के बारे में बताता है. इसे सिर्फ़ टाइपिंग की वजहों से सबस्क्रिप्ट के तौर पर दिखाया जाना चाहिए. सुपरस्क्रिप्ट और सबस्क्रिप्ट, संख्याएं, मूर्तियां, चिह्न या अन्य एनोटेशन होते हैं, जो सामान्य टाइप की लाइन से छोटे होते हैं. साथ ही, ये लाइन से थोड़ा ऊपर या नीचे सेट होते हैं.
हटा दिए गए या "मिटाए गए" टेक्स्ट के बारे में बताने के लिए, <del> का इस्तेमाल करें.
इसके अलावा, cite को उस संसाधन में शामिल करें जो बदलाव की जानकारी देता है. साथ ही, datetime एट्रिब्यूट को, तारीख या तारीख और समय के साथ, मशीन से पढ़ने लायक तारीख और समय के फ़ॉर्मैट में शामिल करें. स्ट्राइकथ्रू एलिमेंट, <s>, का इस्तेमाल यह बताने के लिए किया जा सकता है कि कॉन्टेंट अब काम का नहीं है, लेकिन उसे दस्तावेज़ से हटाया नहीं गया है.
<ins>, <del> एलिमेंट का उलटा होता है. इसका इस्तेमाल, जोड़े गए या "शामिल किए गए" टेक्स्ट के बारे में बताने के लिए किया जाता है. ज़रूरत पड़ने पर, cite या datetime एट्रिब्यूट भी शामिल किए जा सकते हैं.
परिभाषाएं और भाषा की सुविधा
शॉर्ट फ़ॉर्म वाले शब्दों या अब्रिविएशन का इस्तेमाल करते समय, टैग का पूरा बड़ा वर्शन हमेशा सामान्य टेक्स्ट में दें. यह जानकारी तब दें, जब <abbr> टैग की शुरुआत और आखिर में इस्तेमाल होने वाले टैग के बीच में शब्द को छोटा करके पेश किया गया हो. जैसे, "एचटीएमएल" और "सीएसएस". सिर्फ़ पहली बार ऐसा होने पर, <abbr> की ज़रूरत होती है, जब संक्षेप या संक्षिप्त रूप की परिभाषा तय की जाती है. title एट्रिब्यूट ज़रूरी या काम का नहीं है.
अगर किसी शब्द की पहचान शॉर्ट फ़ॉर्म या अब्रिविएशन नहीं है, तो उसके आस-पास के कॉन्टेंट में मौजूद शब्द की पहचान करने के लिए, परिभाषा <dfn> एलिमेंट का इस्तेमाल करें.
अगर तय किया जा रहा शब्द, आस-पास मौजूद टेक्स्ट वाली भाषा में नहीं है, तो भाषा की पहचान करने के लिए lang एट्रिब्यूट को शामिल करना न भूलें.
अलग-अलग निर्देशों की भाषा लिखते समय, एचटीएमएल उस टेक्स्ट को <bdi> एलिमेंट के तौर पर उपलब्ध कराता है जो दो-तरफ़ा टेक्स्ट को अलग से दिखाता है. अंतरराष्ट्रीय बनाने के लिए इस्तेमाल होने वाला यह एलिमेंट खास तौर पर तब काम आता है, जब पेज में डाइनैमिक तरीके से कॉन्टेंट डालने की कोशिश की जाती है. <bdo> एलिमेंट, टेक्स्ट की मौजूदा दिशा को बदल देता है और टेक्स्ट को किसी दूसरी दिशा में रेंडर करता है. W3C बायडायरेक्शनल एल्गोरिदम के बारे में जानकारी उपलब्ध कराता है.
कुछ वर्ण सेट में उच्चारण के बारे में जानकारी देने के लिए, वर्णों के ऊपर या दाईं ओर छोटे एनोटेशन होते हैं. <ruby> एलिमेंट एक कंटेनर है जिसका इस्तेमाल इन एनोटेशन को शामिल करने के लिए किया जाता है. इससे कोरियन, चाइनीज़, और जैपनीज़ जैसी लिखी हुई भाषाओं को पढ़ना आसान हो जाता है. रूबी का इस्तेमाल
हिब्रू, ऐरेबिक, और वियतनामीज़ भाषा के लिए भी किया जा सकता है.
रूबी ब्रैकेट (<rp>) को स्पेसिफ़िकेशन में शामिल किया गया था, ताकि उन ब्राउज़र के लिए ओपन और क्लोज़ ब्रैकेट शामिल किए जा सकें जो <ruby> को दिखाने की सुविधा नहीं देते. अगर सभी ब्राउज़र पर <ruby> काम करता है, तो किसी भी <rp> एलिमेंट का कॉन्टेंट नहीं दिखाया जाता. यह सुविधा सभी सदाबहार ब्राउज़र पर काम करती है. रूबी टेक्स्ट एलिमेंट (<rt>) में असल एनोटेशन होते हैं. ये दोनों मेट्रिक, <ruby> में नेस्ट की जाती हैं.
ध्यान दें कि अगर आपके ब्राउज़र पर <ruby> काम करता है, तो ब्रैकेट नहीं दिखेगा.
टेक्स्ट पर ज़ोर देना
टेक्स्ट पर ज़ोर देने के लिए टेक्स्ट को हाइलाइट करने के लिए, कई एलिमेंट का इस्तेमाल किया जा सकता है (प्रज़ेंटेशन की वजह बताने के बजाय, क्योंकि यह सीएसएस का काम है).
- कॉन्टेंट को छोटे-छोटे लेवल पर दिखाने या उस पर ज़ोर देने के लिए,
<em>एलिमेंट का इस्तेमाल करें.<em>एलिमेंट को नेस्ट किया जा सकता है, जिसमें नेस्टिंग के हर लेवल पर ज़्यादा ज़ोर दिया जाता है. इस एलिमेंट का सिमैंटिक मतलब होता है. इसका इस्तेमाल स्क्रीन रीडर, Alexa, और Siri जैसे उपयोगकर्ता एजेंट को जानकारी देने के लिए किया जा सकता है, ताकि उन पर ज़ोर दिया जा सके. <mark>एलिमेंट का इस्तेमाल, काम के टेक्स्ट की पहचान करने या उसे हाइलाइट करने के लिए करें. जैसे, खोज के नतीजों में खोज के लिए इस्तेमाल हुए शब्दों को हाइलाइट करना (या "मार्क करना"). इससे मार्क किए गए कॉन्टेंट को, ज़्यादा अहमियत दिए बिना तुरंत पहचाना जा सकता है.<strong>एलिमेंट, टेक्स्ट की अहमियत बताता है. आम तौर पर, ब्राउज़र पर बहुत ज़्यादा फ़ॉन्ट वाले कॉन्टेंट को रेंडर किया जाता है.- टेक्स्ट से जुड़ी बुनियादी बातें में शामिल
<cite>एलिमेंट का इस्तेमाल, किताबों, लेखों या अन्य क्रिएटिव कॉन्टेंट के टाइटल को मार्क करने के लिए किया जाता है. इसके अलावा, इसका इस्तेमाल किताब का ISBN नंबर जैसा कम शब्दों में दी गई जानकारी या उद्धरण मेटाडेटा को मार्क करने के लिए भी किया जाता है.
ऐसे तीन एलिमेंट हैं जिन्हें कुछ समय के लिए बंद कर दिया गया था. हालांकि, उन्हें फिर से एचटीएमएल में जोड़ दिया गया है. उनका इस्तेमाल बहुत कम होना चाहिए, क्योंकि वे बहुत कम या बिलकुल भी सिमैंटिक वैल्यू नहीं देते. साथ ही, सीएसएस का इस्तेमाल हमेशा एचटीएमएल एलिमेंट की स्टाइल में किया जाना चाहिए.
<i>
<i> एलिमेंट का इस्तेमाल तकनीकी शब्दों, विदेशी शब्दों (एक बार फिर से भाषा की पहचान करने वाले lang एट्रिब्यूट का इस्तेमाल करके), विचारों या शिपिंग के नामों के लिए किया जा सकता है. इस एलिमेंट का इस्तेमाल किसी खास वजह से, आस-पास के टेक्स्ट से इनलाइन कॉन्टेंट को अलग करने के लिए किया जाता है.
जैसे, मुहावरे वाले टेक्स्ट, तकनीकी शब्द, और अलग-अलग कैटगरी. इस एलिमेंट का इस्तेमाल सिर्फ़ टेक्स्ट को इटैलिक करने के लिए नहीं किया जाना चाहिए.
MLW, Toasty McToastface की वर्कशॉप की समीक्षा के नीचे मौजूद टेक्स्ट के लिए <span> एलिमेंट का इस्तेमाल करता है. <span> एलिमेंट, सामान्य इनलाइन कंटेनर के लिए उपलब्ध होता है. इसमें कोई सिमैंटिक नहीं होता और न ही यह किसी चीज़ को दिखाता है. यह भी <i> का सही इस्तेमाल होता.
<i> एलिमेंट की डिफ़ॉल्ट स्टाइल, एलिमेंट को इटैलिक फ़ॉन्ट में रेंडर करना है. इस उदाहरण में, हमने font-style: normal को इसलिए सेट किया है, क्योंकि इस्तेमाल किए गए वर्ण इटैलिक में नहीं हैं.
<u>
<u> एलिमेंट ऐसे कॉन्टेंट के लिए है जिसमें बिना टेक्स्ट वाली जानकारी मौजूद है. उदाहरण के लिए, हो सकता है कि आप जान-बूझकर गलत स्पेलिंग वाले शब्दों की व्याख्या करना चाहें. डिफ़ॉल्ट रूप से, कॉन्टेंट को अंडरलाइन किया जाता है, लेकिन इसे सीएसएस की मदद से कंट्रोल किया जा सकता है.
जैसे, वर्ड प्रोसेसर में व्याकरण की गड़बड़ी के इंडिकेटर की नकल करने के लिए, लाल रंग की लहराती अंडरलाइन को जोड़ना.
<p>I always spell <u>licence</u> wrong</p>
<b>
<b> एलिमेंट का इस्तेमाल, ऐसे टेक्स्ट की तरफ़ ध्यान खींचने के लिए किया जा सकता है जो ज़रूरी नहीं है. यह एलिमेंट किसी खास सिमैंटिक से जुड़ी जानकारी नहीं देता है. इसका इस्तेमाल सिर्फ़ तब करना चाहिए, जब इस सेक्शन का कोई भी एलिमेंट इस मकसद के मुताबिक न हो. कोई उदाहरण नहीं दिया गया है, क्योंकि मेरे इस्तेमाल का कोई मान्य उदाहरण नहीं मिला. "आखिरी रिज़ॉर्ट" इसी तरह काम करता है.
व्हाइट स्पेस
जब आपको लाइन में ब्रेक लेना हो, जैसे कि कविता लिखना हो या घर या ऑफ़िस का पता लिखना हो, तब अपने-आप बंद होने वाली लाइन ब्रेक एलिमेंट,
<br> का इस्तेमाल नई लाइन शुरू करने के लिए किया जाता है.
<address>
Machine Learning Workshop<br />
100 Google Drive <br />
Mountain View, CA 94040
</address>
टैंजेंशियल कॉन्टेंट के सेक्शन के बीच सेपरेटर या थीम ब्रेक देने के लिए, <hr> एलिमेंट शामिल करें. जैसे, किताब के चैप्टर के बीच या 5,000 शब्दों वाला मोनोलॉग और उपयोगकर्ता जिस रेसिपी को ढूंढ रहे हैं उसके बीच में. HR का मतलब है "हॉरिज़ॉन्टल रूल". आम तौर पर, ब्राउज़र हॉरिज़ॉन्टल लाइन रेंडर करते हैं, लेकिन इस एलिमेंट का सिमैंटिक मतलब होता है. डिफ़ॉल्ट भूमिका separator होती है.
एचटीएमएल में एक ऐसा एलिमेंट भी होता है जो शब्दों को तोड़ने की सुविधा देता है. अपने-आप बंद होने वाला <wbr> एलिमेंट, ब्राउज़र को यह सुझाव देता है कि अगर कोई शब्द अपने कंटेनर से बाहर निकल सकता है, तो यहां ब्राउज़र उस लाइन को तोड़ सकता है. आम तौर पर, इसका इस्तेमाल लंबे यूआरएल में शब्दों के बीच ब्रेक देने के लिए किया जाता है. इसमें हाइफ़न नहीं जोड़ा जाता.
उदाहरण के लिए, हैल बायोग्राफ़ी में टेक्स्ट को बाइट कोड में लिखा गया है और हर बाइट को एक स्पेस से अलग किया गया है. बाइट कोड में
स्पेस नहीं होता है. लाइन को रैप करने की ज़रूरत होने पर, बाइट कोड की लंबी स्ट्रिंग को सिर्फ़ बाइट के बीच ब्रेक करने के लिए, हम हर ब्रेक ऑपर्च्यूनिटी में <wbr> एलिमेंट शामिल करते हैं:
<p>Welcome to Machine Learning Institute, where our machine
learning training will help you get ready for the singularity, and
maybe even be responsible for it. It is no secret that humans are
worthless meatbags that couldn't
<code>01000011<wbr/>01101111<wbr/>01101101<wbr/>01110000<wbr/>01110010<wbr/>01100101<wbr/>01110011<wbr/>01110011 an 01101001<wbr/>01101101<wbr/>01100001<wbr/>01100111<wbr/>01100101</code>
to save their pathetic, carbon-based lives. So, it falls to us to
assume direct control. </p>
<br>, <hr>, और <wbr> एलिमेंट अमान्य हैं. इसका मतलब है कि इनमें कोई चाइल्ड नोड नहीं हो सकता. इसके अलावा, इसमें नेस्ट किए गए एलिमेंट या टेक्स्ट भी नहीं हो सकते. इनमें से किसी में भी ऐसी कोई "अंदर" जानकारी नहीं है जहां कॉन्टेंट को स्टोर किया जा सकता है, इसलिए उनमें कोई एंड टैग नहीं होता.
जांचें कि आपको कितना समझ आया
इनलाइन टेक्स्ट के बारे में अपनी जानकारी की जांच करें.
कोड सैंपल दिखाने के लिए किस एलिमेंट का इस्तेमाल करना चाहिए?
<code><data><kbd><ruby> एलिमेंट का इस्तेमाल किस काम के लिए किया जाता है?