أربعة عناصر لتنسيق النصوص، اثنان منها دلالية وبالمقابل اثنان مرئية فقط:
الفرق المهم بين Strong/Em و B/I:
• <strong>: يعني "هذا النص مهم جداً" — دلالي (semantic). قارئات الشاشة للمكفوفين تؤكد عليه. • <b>: يجعل النص عريضاً مرئياً فقط بدون معنى دلالي. • <em>: يعني "تأكيد أو تشديد" — دلالي. قارئات الشاشة تغير نبرتها. • <i>: نص مائل مرئياً فقط، يستخدم للمصطلحات الأجنبية أو الأفكار.
القاعدة الذهبية: استخدم strong/em عندما تريد إيصال معنى (أهمية أو تشديد). استخدم b/i عندما تريد مجرد مظهر بصري.
| 1 | <!-- دلالي - مهم للـ SEO والوصولية --> |
| 2 | <p>تحذير: <strong>لا تحفظ كلمة مرورك في ملفات نصية!</strong></p> |
| 3 | <p>المقصود هو <em>الجودة</em> وليس الكمية.</p> |
| 4 | |
| 5 | <!-- مرئي فقط --> |
| 6 | <p>المنتجات الأكثر مبيعاً: <b>لابتوب، موبايل</b></p> |
| 7 | <p>المصطلح العلمي: <i>Homo sapiens</i></p> |
| 8 | |
| 9 | <!-- دمجهما --> |
| 10 | <p><strong><em>ملاحظة مهمة جداً:</em></strong> احفظ عملك دورياً.</p> |
مثال 1: استخدامات واقعية
| 1 | <article> |
| 2 | <p> |
| 3 | لتعلم البرمجة تحتاج <strong>الممارسة اليومية</strong>، |
| 4 | فالقراءة وحدها <em>لا تكفي</em>. |
| 5 | </p> |
| 6 | <p> |
| 7 | اللغة الموصى بها للمبتدئين هي <i>Python</i> |
| 8 | وهي أيضاً الأكثر <b>شعبية</b> في علم البيانات. |
| 9 | </p> |
| 10 | </article> |