13- كورس HTML للمبتدئين – عناصر التنسيق مثل strong و em و mark

عناصر التنسيق في HTML

فهم عناصر التنسيق في HTML

العنصر strong

يُستخدم العنصر strong في HTML لإبراز النص بشكل قوي من خلال جعله بخط عريض. يعتبر هذا العنصر مهمًا عند الرغبة في لفت الانتباه إلى نص معين أو التأكيد على أهميته ضمن المحتوى.

مثال:
النص العادي هنا، ولكن <strong>هذا النص مهم جدًا</strong> ويجب التركيز عليه.

يمكن استخدام العنصر strong في العديد من السياقات، مثل عرض تحذير هام أو تسليط الضوء على معلومات رئيسية. عند تصفح الويب باستخدام برامج قراءة الشاشة، قد يُقرأ النص داخل العنصر strong بنبرة صوتية مختلفة لإبراز أهميته.

العنصر em

يُستخدم العنصر em لإضفاء التأكيد على النص بطريقة مائلة. يعكس هذا العنصر التركيز على أجزاء معينة من النص دون أن يكون هذا التركيز قويًا مثل العنصر strong. يُعتبر العنصر em مفيدًا عند الحاجة إلى إضافة تلميح أو توضيح لمسألة معينة.

مثال:
أحب قراءة الكتب <em>خاصةً الروايات</em> لأنها توسع الخيال.

عند استخدام برامج قراءة الشاشة، يلاحظ القراء أن النص داخل العنصر em يُقرأ بطريقة مميزة، مما يساعد على فهم السياق بشكل أفضل. يُستخدم هذا العنصر بشكل شائع في الكتابات الأدبية أو المقالات التي تتطلب توضيحًا إضافيًا لبعض الأجزاء.

العنصر mark

يُستخدم العنصر mark لتسليط الضوء على أجزاء من النص، كما لو كان يتم تمييزها باستخدام قلم تمييز. يُعتبر هذا العنصر مفيدًا بشكل خاص في النصوص التعليمية أو المقالات التي تحتاج إلى تمييز معلومات معينة للتركيز عليها.

مثال:
في عام 2020، بلغ عدد السكان <mark>7.8 مليار</mark> نسمة.

يُعتبر العنصر mark وسيلة فعالة لجذب انتباه القارئ إلى أجزاء محددة من النص، مما يسهل عليه استيعاب المعلومات المهمة بسرعة. يُستخدم هذا العنصر بشكل شائع في المقالات التعليمية أو الوثائق التي تحتوي على بيانات وإحصائيات مهمة.