وسما التمييز الشكلي <b> / <i>

b للغمقة الشكلية وi للميل الشكلي — تمييز بصري بحت بلا أي دلالة، مقابل strong وem الدلاليين.

الثنائي الشكلي في عائلة التمييز: b يجعل النص غامقًا وi مائلًا، لكن دون أي رسالة للآلات — قارئات الشاشة تمر عليهما كنص عادي تمامًا. مكانهما المشروع: لفت الانتباه البصري بلا أهمية إضافية (أسماء منتجات في مراجعة بـ b)، والمصطلحات الأجنبية والأسماء اللاتينية والأفكار الداخلية بـ i.

الخريطة الكاملة للاختيار: المعنى مهم؟ strong/em. الشكل فقط ضمن دلالة عرفية؟ b/i. زخرفة بحتة؟ CSS.

الصياغة

<p>جرّبنا هاتف <b>فونكس برو</b> الجديد.</p>
<p>مصطلح <i>Hoisting</i> يعني الرفع.</p>

⚡ جرّب بنفسك

عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.

🎨 محرّر HTML/CSS

<p><b>غامق شكلي</b> — قارئ الشاشة لا يتوقف عنده.</p>
<p><strong>غامق دلالي</strong> — قارئ الشاشة يغيّر نبرته.</p>
<p>الشكل متطابق تمامًا — الفرق كله في المعنى للآلات.</p>

النتيجة المباشرة:

أهم الخصائص

الخاصية	الوظيفة
—	لا خصائص مميزة

💡 نصائح عملية

شكّك في كل b/i تكتبها: هل المقصود أهمية (strong) أو نبرة (em)؟
المصطلحات الإنجليزية داخل نص عربي مرشح كلاسيكي لـ i

⚠️ أخطاء شائعة

استخدام b للتحذيرات والمهم — هذه وظيفة strong الدلالية
بناء العناوين بنص b كبير بدل وسوم العناوين

🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار HTML الكامل بالعربي.

📚 للتعمق التقني الكامل بالإنجليزية: MDN Web Docs