عناصر Strong – b – Em – i في الـ HTML

نبذة عامة

كثيراََ ندخل لبعض المواقع تجد أحياناََ بعض النصوص موجودة بشكل غامق ( أغمق من النص الذي بجانبة ) أو يكون النص بشكل مائل ، او لربما يكون وكأنه نص مشطوب ، هل يوجد عناصر HTML لعمل ذلك ، نعم بالفعل يوجد ، وسنتعرف عليها في هذا الدرس .

 

عنصر الـ Strong في الـ HTML

هو أحد عناصر الـ HTML والذي يعمل على جعل النص غامق وسميك ، مثال :

<p>
	This is <strong>Important  </strong> Point ! 
</p>

 

ستلاحظ بالنتيجة أن كلمة  Important جاءت بشكل سميك وغامق عن الكلام التي بجوارها لأنه تم وضعها بين عنصر الـ strong  .

Strong Tag

 

عنصر الـ b في الـ HTML

وتكون وظيفته نفس وظيفة عنصر الـ strong

<p>
	This is <b>Important  </b> Point ! 
</p>

النتيجة

 b Tag

 

الفرق بين عنصر الـ strong وعنصر الـ b

في الحقيقة الزائر بالموقع لن يجد أي فرق لكون الكلمة ستكون بخط غميق وسميك بكلتا الحالتين ، ولكن أنت كـ مكود يجب عليك معرفة ان العنصر strong يتم استخدامها للكلمات المهمة وذو دلاله والتي تريد للزائر الانتباه لها .

يجب الإنتباه ان عنصر الـ strong وعنصر الـ b  يجب ان يكون داخل أي عنصر من عناصر الـ HTML ما عدا عناصر الـ Heading ” <h1>, <h2>,<h3>, <h4>, <h5> , <h6> “  لاحظ لو قمنا بكتابة هذا الكود

<h3>
	This is <strong>Important</strong> Point !
</h3>

 

ستكون النتيجة بهذا الشكل:

Headings Tags

 

بالرغم من كتابة كلمة Important داخل العنصر span الإ ان كل النص واضح بشكل سميك وغامق  ويعود السبب في ذلك أن عناصر الـ Heading لها خاصية إفتراضية من خصائص الـ CSS لدى المتصفح وهي خاصية الـ font-weight: bold .

heading important user agent

 

عنصر الـ i في الـ HTML

وهو إختصار لـ italic بمعنى مائل ، اي ان الكلمة التي سوف يتم وضعها في هذا العنصر ستكون بشكل مائل ، فلو قمنا بكتابة هذا الكود :

<p>
	Learn <i> HTML </i> Language !
</p>

 

ستكون النتيجة بهذا الشكل :

i tag element

 

عنصر الـ em في الـ HTML

وهو اختصار لـ emphasised ، بمعنى التوكيد ، وعند وضع النص بداخلها ستكون بشكل مائل ولكن ليس المغزى ان تكون بشكل مائل ، بل التأكيد والأهمية ، فلو قمت بكتابة هذا الكود:

<p>
	Are You <em> Okey </em> !
</p>

ستكون النتيجة بهذا الشكل .

Em Element Tag

هنا ليس المغزى ان تكون Okey بشكل مائل ، بل التأكد على ذلك ، ومن يقرأ هذا النص سيقرأ الكلمة المائلة بقوة .

 

عنصر الـ b و الـ i

هذه من العناصر القديمة وليس لها معنى أو أهمية حالياََ .

 

عنصر الـ strong و الـ em

هذه العناصر إسمها يوحى بدلالتها ، وتوحي بأن لهذا العنصر أهمية ، ولتوضيح الفرق بشكل أكبر بينهم وبين الـ i و b فمثلاََ في بعض البرامج الناطقة لغير المبصرين عند قراءة الكلمات الموجودة في عنصر em أو strong  سيتم قراءه هذه الكلمات بصوت مختلف ( صوت يدل على القوة والتأكيد ) ، بينما عنصر الـ i و b في هذه البرامج سيتم نطق الكلمات بشكل عادي .

 

رابط يوضح الفريق بينهم بشكل أكبر .