תגיות ה-HTML ה-Inline שכמעט אף אחד לא משתמש בהן
רוב המפתחים מכירים את <b>, <i>, ו-<a>.
סביר להניח שאתם מתעלמים מאחרות כמו <ins>, <dfn>, <abbr>, <var>, <q>, ו-<mark>. זה קורה כי אתם מעדיפים להשתמש ב-<span class="something"> במקום זאת.
שימוש באלמנטים הללו מוסיף משמעות. span מעוצב לא אומר דבר למכונה. האלמנטים הללו מספקים נתונים עבור קוראי מסך ומנועי חיפוש.
הנה האלמנטים השימושיים שכדאי לכם להכיר:
• <ins> ו-<del>: הם עוקבים אחר שינויים. השתמשו ב-<del> עבור טקסט שנמחק וב-<ins> עבור טקסט חדש. הם עובדים יחד כדי להציג עריכות.
• <s>: השתמשו בזה עבור תוכן שאינו מדויק יותר. זה שונה ממחיקה. זה מסמן מידע מיושן כמו מחיר ישן.
• <sub> ו-<sup>: השתמשו בהם עבור נוסחאות כימיות או מעריכים מתמטיים. אל תשתמשו בהם רק כדי להקטין טקסט.
• <var>: השתמשו בזה עבור משתנים במתמטיקה או בקוד.
• <mark>: זה מדגיש טקסט לצורך רלוונטיות. מנועי חיפוש משתמשים בזה כדי להציג התאמות לשאילתה.
• <abbr>: זה מספק את הגרסה המלאה של קיצור באמצעות tooltip.
• <dfn>: השתמשו בזה כדי לסמן את המקרה הספציפי שבו אתם מגדירים מונח.
• <cite>: השתמשו בזה עבור הכותרת של יצירה כמו ספר או מאמר. זה לא מיועד לשם של אדם.
• <q>: זה מטפל בציטוטים inline. הדפדפן מוסיף את מירכאות הציטוט עבורכם.
ברירות המחדל של הדפדפן נראות לעיתים קרובות מכוערות. <mark> נראה כמו מרקר צהוב. ל-<q> יש סימנים אקראיים.
אתם לא צריכים להימנע מהתגיות הללו. אתם רק צריכים להוסיף CSS.
תנו ל-<mark> צבע מותג. תנו ל-<abbr> קו תחתון מקווקו. זה הופך קוד סמנטי לטיפוגרפיה נקייה.
שימוש בתגית הנכונה פעם בשנה עדיף על שימוש ב-span שמשקר לגבי מה שהתוכן באמת מייצג.
מקור: https://dev.to/dimonb19a/the-inline-html-almost-nobody-uses-205d