अशी Inline HTML जी जवळजवळ कोणीही वापरत नाही
बहुतेक डेव्हलपर्सना <b>, <i>, आणि <a> माहित आहेत.
तुम्ही बहुधा <ins>, <dfn>, <abbr>, <var>, <q>, आणि <mark> सारख्या इतर टॅग्सकडे दुर्लक्ष करता. असे घडते कारण तुम्ही त्याऐवजी <span class="something"> वापरता.
हे एलिमेंट्स वापरल्यामुळे अर्थाची भर पडते. स्टाईल केलेला span मशीनला काहीही सांगत नाही. हे एलिमेंट्स स्क्रीन रीडर्स आणि सर्च इंजिन्ससाठी डेटा प्रदान करतात.
येथे काही उपयुक्त एलिमेंट्स आहेत जे तुम्हाला माहित असायला हवेत:
• <ins> आणि <del>: हे बदल ट्रॅक करतात. हटवलेल्या मजकुरासाठी <del> आणि नवीन मजकुरासाठी <ins> वापरा. संपादन (edits) दाखवण्यासाठी ते एकत्र काम करतात.
• <s>: आता अचूक नसलेल्या मजकुरासाठी याचा वापर करा. हे डिलीशनपेक्षा वेगळे आहे. हे जुन्या किमतीसारखी कालबाह्य माहिती दर्शवते.
• <sub> आणि <sup>: रासायनिक सूत्रे किंवा गणितातील घातांकांसाठी (exponents) यांचा वापर करा. मजकूर लहान करण्यासाठी त्यांचा वापर करू नका.
• <var>: गणित किंवा कोडमधील व्हेरिएबल्ससाठी याचा वापर करा.
• <mark>: हे मजकूर महत्त्वाचा असल्याचे दर्शवण्यासाठी हायलाइट करते. सर्च इंजिन्स क्वेरी मॅचेस दाखवण्यासाठी याचा वापर करतात.
• <abbr>: हे टूलटिपद्वारे संक्षिप्त रूपाची (abbreviation) पूर्ण आवृत्ती प्रदान करते.
• <dfn>: तुम्ही एखादी संज्ञा (term) परिभाषित करता, त्या विशिष्ट प्रसंगासाठी याचा वापर करा.
• <cite>: पुस्तक किंवा शोधनिबंधासारख्या एखाद्या कार्यासाठी (work) याचा वापर करा. हे व्यक्तीच्या नावासाठी नाही.
• <q>: हे इनलाइन कोट्स (inline quotes) हाताळते. ब्राउझर तुमच्यासाठी अवतरण चिन्हे (quotation marks) स्वतः जोडतो.
ब्राउझरचे डिफॉल्ट स्वरूप अनेकदा दिसायला खराब असते. <mark> पिवळ्या हायलाइटरसारखे दिसते. <q> मध्ये विस्कळीत चिन्हे दिसतात.
तुम्हाला हे टॅग्स टाळण्याची गरज नाही. तुम्हाला फक्त CSS जोडण्याची गरज आहे.
<mark> ला ब्रँड कलर द्या. <abbr> ला डॉटेड अंडरलाईन द्या. यामुळे सिमेंटिक कोडचे रूपांतर स्वच्छ टायपोग्राफीमध्ये होते.
मजकूर नेमका काय आहे याबद्दल खोटे बोलणाऱ्या span वापरण्यापेक्षा, वर्षातून एकदा योग्य टॅग वापरणे केव्हाही चांगले.
स्त्रोत: https://dev.to/dimonb19a/the-inline-html-almost-nobody-uses-205d