وہ Inline HTML جسے تقریباً کوئی استعمال نہیں کرتا
زیادہ تر ڈویلپرز <b>, <i>, اور <a> کو جانتے ہیں۔
غالباً آپ <ins>, <dfn>, <abbr>, <var>, <q>, اور <mark> جیسے دیگر ٹیگز کو نظر انداز کر دیتے ہیں۔ ایسا اس لیے ہوتا ہے کیونکہ آپ اس کے بجائے <span class="something"> کا استعمال کرنے لگتے ہیں۔
ان عناصر (elements) کا استعمال معنی پیدا کرتا ہے۔ ایک اسٹائل شدہ span مشین کے لیے کچھ نہیں کہتا۔ یہ عناصر اسکرین ریڈرز اور سرچ انجنوں کے لیے ڈیٹا فراہم کرتے ہیں۔
یہاں کچھ مفید عناصر ہیں جنہیں آپ کو جاننا چاہیے:
• <ins> اور <del>: یہ تبدیلیوں کا ریکارڈ رکھتے ہیں۔ حذف شدہ متن کے لیے <del> اور نئے متن کے لیے <ins> استعمال کریں۔ یہ ترمیم دکھانے کے لیے مل کر کام کرتے ہیں۔
• <s>: اسے اس مواد کے لیے استعمال کریں جو اب درست نہیں رہا۔ یہ حذف کرنے (deletion) سے مختلف ہے۔ یہ پرانی معلومات جیسے کہ پرانی قیمت کو ظاہر کرتا ہے۔
• <sub> اور <sup>: انہیں کیمیائی فارمولوں یا ریاضیاتی ایکسپونینٹس (exponents) کے لیے استعمال کریں۔ انہیں صرف متن کو چھوٹا کرنے کے لیے استعمال نہ کریں۔
• <var>: اسے ریاضی یا کوڈ میں متغیرات (variables) کے لیے استعمال کریں۔
• <mark>: یہ متعلقہ متن کو ہائی لائٹ کرتا ہے۔ سرچ انجن اسے تلاش کے نتائج دکھانے کے لیے استعمال کرتے ہیں۔
• <abbr>: یہ ٹول ٹپ (tooltip) کے ذریعے مخفف (abbreviation) کا مکمل ورژن فراہم کرتا ہے۔
• <dfn>: اسے اس مخصوص جگہ کو نشان زد کرنے کے لیے استعمال کریں جہاں آپ کسی اصطلاح کی تعریف کرتے ہیں۔
• <cite>: اسے کسی کتاب یا مقالے جیسے کام کے عنوان کے لیے استعمال کریں۔ یہ کسی شخص کے نام کے لیے نہیں ہے۔
• <q>: یہ ان لائن اقتباسات (quotes) کو سنبھالتا ہے۔ براؤزر آپ کے لیے خود بخود اقتباس کے نشان (quotation marks) لگا دیتا ہے۔
براؤزر کی ڈیفالٹ سیٹنگز اکثر دیکھنے میں بری لگتی ہیں۔ <mark> پیلے ہائی لائٹر جیسا لگتا ہے۔ <q> میں بے ترتیب نشانات ہوتے ہیں۔
آپ کو ان ٹیگز سے بچنے کی ضرورت نہیں ہے۔ آپ کو صرف CSS شامل کرنے کی ضرورت ہے۔
<mark> کو برانڈ کا رنگ دیں۔ <abbr> کو ڈاٹڈ انڈر لائن دیں۔ یہ سیمنٹک کوڈ (semantic code) کو بہترین ٹائپوگرافی میں بدل دیتا ہے۔
سال میں ایک بار صحیح ٹیگ کا استعمال کرنا، ایک ایسے span کے استعمال سے بہتر ہے جو اس بات کے بارے میں جھوٹ بولتا ہو کہ مواد اصل میں کیا ہے۔
ماخذ: https://dev.to/dimonb19a/the-inline-html-almost-nobody-uses-205d