अन्य इनलाइन टेक्स्ट एलिमेंट

हमने ज़्यादातर एचटीएमएल एलिमेंट के बारे में बताया है. हालांकि, हमने सभी एचटीएमएल एलिमेंट के बारे में नहीं बताया है. हमने अब तक इनलाइन टेक्स्ट एलिमेंट के बारे में बात नहीं की है. आम तौर पर यह माना जाता है कि एचटीएमएल का इस्तेमाल वीडियो शेयर करने के लिए किया जाता है. हालांकि, इसका इस्तेमाल मूल रूप से दस्तावेज़ शेयर करने के लिए किया जाता था. ऐसे कई एलिमेंट हैं जो दस्तावेज़ के लिए टेक्स्ट सिमैंटिक उपलब्ध कराते हैं.

लिंक और <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 का इस्तेमाल करें. यह XML पर आधारित Mathematical Markup Language है. इसका इस्तेमाल, गणित के नोटेशन के बारे में बताने के लिए किया जाता है.

पाइथागोरस प्रमेय में, दो की घात के लिए <sup> सुपरस्क्रिप्ट एलिमेंट का इस्तेमाल किया गया है. इसी तरह का एक <sub> सबस्क्रिप्ट एलिमेंट भी होता है. यह इनलाइन टेक्स्ट के बारे में बताता है. इसे सिर्फ़ टाइपोग्राफ़िकल वजहों से सबस्क्रिप्ट के तौर पर दिखाया जाना चाहिए. सुपरस्क्रिप्ट और सबस्क्रिप्ट, संख्याओं, आंकड़ों, सिंबल या अन्य एनोटेशन होते हैं. ये टाइप की सामान्य लाइन से छोटे होते हैं. इन्हें लाइन के ऊपर या नीचे सेट किया जाता है.

हटाए गए या "मिटाए गए" टेक्स्ट को दिखाने के लिए, <del> का इस्तेमाल करें. अगर चाहें, तो cite एट्रिब्यूट को उस संसाधन पर सेट करें जिसमें बदलाव के बारे में बताया गया हो. साथ ही, datetime एट्रिब्यूट को मशीन के समझने लायक तारीख और समय के फ़ॉर्मैट में तारीख या तारीख और समय के साथ शामिल करें. स्ट्राइकथ्रू एलिमेंट, <s>, का इस्तेमाल यह दिखाने के लिए किया जा सकता है कि कॉन्टेंट अब काम का नहीं है. हालांकि, इसे दस्तावेज़ से हटाया नहीं जाता है.

<ins>, <del> एलिमेंट का उल्टा होता है. इस एलिमेंट का इस्तेमाल, जोड़े गए या "इंसर्ट किए गए" टेक्स्ट को दिखाने के लिए किया जाता है. इसमें cite या datetime एट्रिब्यूट शामिल किए जा सकते हैं.

परिभाषाएं और भाषा से जुड़ी सहायता

संक्षिप्तियों या परिवर्णी शब्दों को शामिल करते समय, पहली बार इस्तेमाल किए जाने पर हमेशा शब्द का पूरा वर्शन सादे टेक्स्ट में दें. इसके बाद, <abbr> टैग की शुरुआत और आखिर के बीच दिए गए शब्द का छोटा रूप लिखें. <abbr> का इस्तेमाल सिर्फ़ पहली बार तब किया जाता है, जब किसी शब्द के संक्षिप्त रूप या ऐक्रनिम को परिभाषित किया जा रहा हो. title एट्रिब्यूट न तो ज़रूरी है और न ही मददगार.

हालांकि, इस नियम का एक अपवाद है. अगर शब्द को पढ़ने वाला व्यक्ति अच्छी तरह से जानता है, तो उसे पूरा नाम देने की ज़रूरत नहीं है. जैसे, इस सीरीज़ में एचटीएमएल और सीएसएस.

अगर किसी ऐसे शब्द को परिभाषित किया जा रहा है जो संक्षिप्त रूप या ऐक्रनिम नहीं है, तो परिभाषा <dfn> एलिमेंट का इस्तेमाल करें. इससे, आस-पास के कॉन्टेंट में परिभाषित किए जा रहे शब्द की पहचान की जा सकेगी.

अगर जिस शब्द की परिभाषा दी जा रही है वह आस-पास के टेक्स्ट की भाषा में नहीं है, तो भाषा की पहचान करने के लिए lang एट्रिब्यूट को शामिल करना न भूलें.

अलग-अलग दिशाओं में लिखी जाने वाली भाषाओं के लिए, एचटीएमएल <bdi> एलिमेंट उपलब्ध कराता है. इससे, संभावित रूप से दोनों दिशाओं में लिखे गए टेक्स्ट को उसके आस-पास मौजूद टेक्स्ट से अलग किया जा सकता है. अंतरराष्ट्रीयकरण का यह एलिमेंट खास तौर पर तब काम आता है, जब पेज में ऐसे कॉन्टेंट को डाइनैमिक तरीके से डाला जाता है जिसके बारे में यह पता नहीं होता कि उसे किस दिशा में लिखा गया है. <bdo> एलिमेंट, टेक्स्ट की मौजूदा दिशा को बदल देता है. इससे टेक्स्ट किसी दूसरी दिशा में रेंडर होता है. W3C, द्विदिश एल्गोरिदम के बारे में जानकारी देता है.

कुछ वर्ण सेट में, उच्चारण की जानकारी देने के लिए वर्णों के ऊपर या दाईं ओर छोटे एनोटेशन शामिल होते हैं. <ruby> एलिमेंट, कंटेनर होता है. इसका इस्तेमाल इन एनोटेशन को शामिल करने के लिए किया जाता है. इससे कोरियन, चाइनीज़, और जैपनीज़ जैसी भाषाओं को पढ़ना आसान हो जाता है. रूबी का इस्तेमाल हीब्रू, ऐरेबिक, और वियतनामीज़ के लिए भी किया जा सकता है.

खास जानकारी में रूबी पैरंटheses (<rp>) को शामिल किया गया था, ताकि ऐसे ब्राउज़र के लिए ओपनिंग और क्लोज़िंग पैरंटheses शामिल किए जा सकें जो <ruby> को दिखाने की सुविधा के साथ काम नहीं करते हैं. जब ब्राउज़र <ruby> टैग के साथ काम करते हैं, तब <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>

अगर आपको किसी किताब के अध्यायों या 5,000 शब्दों के मोनोलॉग और रेसिपी के बीच सेपरेटर या थीमैटिक ब्रेक देना है, तो <hr> एलिमेंट का इस्तेमाल करें. एचआर का मतलब "हॉरिज़ॉन्टल रूल" होता है. आम तौर पर, ब्राउज़र एक हॉरिज़ॉन्टल लाइन रेंडर करते हैं. हालांकि, इस एलिमेंट का सिमैंटिक मतलब होता है. डिफ़ॉल्ट भूमिका separator होती है.

एचटीएमएल में एक ऐसा एलिमेंट भी होता है जिसकी मदद से शब्दों को तोड़ा जा सकता है. सेल्फ़-क्लोज़िंग <wbr> एलिमेंट, ब्राउज़र को यह सुझाव देता है कि अगर कोई शब्द अपने कंटेनर से बाहर जा सकता है, तो यह वह जगह है जहां ब्राउज़र लाइन को तोड़ सकता है. इसका इस्तेमाल आम तौर पर लंबे यूआरएल में शब्दों के बीच लाइन तोड़ने के लिए किया जाता है. इससे हाइफ़न नहीं जुड़ता.

उदाहरण के लिए, Hal की जीवनी में बाइट कोड में टेक्स्ट लिखा गया है. इसमें हर बाइट को स्पेस से अलग किया गया है. बाइट कोड में स्पेस नहीं होता. अगर लाइन को रैप करने की ज़रूरत है, तो बाइट कोड की लंबी स्ट्रिंग को सिर्फ़ बाइट के बीच में तोड़ने के लिए, हम हर ब्रेक के मौके पर <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>, ये सभी वॉइड एलिमेंट हैं. इसका मतलब है कि इनमें कोई चाइल्ड नोड नहीं हो सकता. न तो नेस्ट किए गए एलिमेंट और न ही टेक्स्ट. इनमें से किसी में भी "इनसाइड" नहीं होता है, जहां कॉन्टेंट सेव किया जा सके. इसलिए, इनमें कोई एंड टैग नहीं होता.

देखें कि आपको कितना समझ आया

इनलाइन टेक्स्ट के बारे में अपनी जानकारी को परखें.