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

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

पाइथागोरस प्रमेय में दो की घात ने <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> एलिमेंट, जो टेक्स्ट की बुनियादी बातों में शामिल है, का इस्तेमाल किताबों, लेखों या दूसरे क्रिएटिव कामों के टाइटल या शॉर्ट फ़ॉर्म वाले रेफ़रंस या उद्धरण मेटाडेटा को मार्क करने के लिए किया जाता है, के जैसा होता है.

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

<i>

<i> एलिमेंट का इस्तेमाल तकनीकी शब्दों और विदेशी शब्दों के लिए किया जा सकता है (lang एट्रिब्यूट की मदद से फिर से भाषा), विचार या जहाज़ के नाम शामिल हैं. इस एलिमेंट का इस्तेमाल किसी खास वजह से, इनलाइन कॉन्टेंट को आस-पास के टेक्स्ट से अलग करने के लिए किया जाता है, जैसे कि मुहावरेदार टेक्स्ट, तकनीकी शब्द, और अलग-अलग कैटगरी. इस एलिमेंट का इस्तेमाल सिर्फ़ टेक्स्ट को इटैलिक करने के लिए नहीं किया जाना चाहिए.

Toasty McToastface की वर्कशॉप की समीक्षा के सबसे नीचे, MLW अजीब टेक्स्ट के लिए <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> शामिल करें एलिमेंट. 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> एलिमेंट का इस्तेमाल किस काम के लिए किया जाता है?

सजावटी एलिमेंट शामिल करने के लिए.
एलिमेंट के कॉन्टेंट को हाइलाइट करने के लिए.
कुछ भाषाओं में इस्तेमाल किए गए एनोटेशन के लिए.