8. تنسيق النص الأساسي: الغامق والمائل والمسطر

توفر HTML عناصر لتغيير مظهر ومعنى النص. من المهم فهم الفرق بين العناصر الشكلية (presentational) (التي حلت CSS محلها إلى حد كبير) والعناصر الدلالية (semantic) (التي تنقل المعنى).

8.1 عناصر النص الدلالية (موصى بها)

العنصر	الغرض	المظهر (افتراضي)
`<strong>`	يشير إلى الأهمية أو الخطورة.	غامق (Bold)
`<em>`	يشير إلى التأكيد (الشد على كلمة).	مائل (Italic)

html

الموعد النهائي هو غداً. تأكد من تقديم الواجب في الوقت المحدد.

قلت له: "عليك التوقف عن الركض،" لكنه لم يستمع. قلت: "عليك التوقف عن الركض!"

8.2 عناصر النص الشكلي (استخدم بحذر)

العنصر	الغرض	المظهر (افتراضي)
`<b>`	غامق (لا تتضمن أهمية خاصة).	غامق (Bold)
`<i>`	مائل (للمصطلحات التقنية أو الأفكار أو الكلمات الأجنبية).	مائل (Italic)

بشكل عام، استخدم <strong> و <em> لأنهما أغنى دلالياً. إذا كنت تريد فقط أن يبدو النص غامقاً أو مائلاً دون إضافة معنى، فاستخدم CSS.