نوفيل
الرئيسيةالكورساتالتحديات⚔️ المبارزاتالمقالاتالأدواتتغريداتالمجتمع
دخولابدأ مجاناً
الرئيسيةالكورساتالتحديات⚔️ المبارزاتالمقالاتالأدواتتغريداتالمجتمع
نوفيل

منصة تعليم البرمجة الأولى بالعربي. تعلم من الصفر حتى الاحتراف مع كورسات احترافية وتحديات ذكاء اصطناعي.

المنصة

  • الكورسات
  • التحديات
  • المقالات
  • الأدوات

الحساب

  • إنشاء حساب
  • تسجيل الدخول
  • لوحة التحكم
  • الملف الشخصي

روابط

  • سياسة الخصوصية
  • شروط الاستخدام
  • عن نوفيل
  • تواصل معنا

© 2026 نوفيل. جميع الحقوق محفوظة.

صُنع بـ في مصر

نوفيل
الرئيسيةالكورساتالتحديات⚔️ المبارزاتالمقالاتالأدواتتغريداتالمجتمع
دخولابدأ مجاناً
الرئيسيةالكورساتالتحديات⚔️ المبارزاتالمقالاتالأدواتتغريداتالمجتمع
HTML

منهج HTML

دليل مرجعي شامل

كل اللغات
مدرسة البرمجة/منهج HTML/عناصر إبراز النصوص (b, strong, i, em)

عناصر إبراز النصوص (b, strong, i, em)

strong em htmlb i htmlخط عريض htmlتنسيق نص htmlhtml text formatting

جدول مرجعي سريع

1
العنصرنوع التأثيرالوظيفة والدلالة البرمجية، متى يُستخدم؟
strongدلالي (Semantic)يعلن أن النص ذو أهمية قصوى وتشدد عليه قارئات الشاشة بصوت مرتفع، يُستخدم للتحذيرات والنقاط الحرجة
bمرئي وبصري فقط (Visual)يجعل الخط عريضاً وسميكاً دون إعطاء أي أهمية دلالية في محركات البحث، يُستخدم لجذب الانتباه للكلمات المفتاحية
emدلالي (Semantic)يعلن عن نبرة تأكيد وتشديد على الكلمة وتغير قارئات الشاشة نبرة الصوت عند مروره، يُستخدم للكلمات التي تغير معنى الجملة
iمرئي وبصري فقط (Visual)يجعل الخط مائلاً دون قيمة دلالية إضافية، يُستخدم للمصطلحات العلمية أو الكلمات الأجنبية والأفكار الداخية

الشرح

في لغة HTML، لا تقتصر كتابة النصوص على عرض الكلمات فحسب، بل تمتد لتحديد "معنى" النص وكيفية فهمه من قِبل محركات البحث وتقنيات المساعدة. توفر اللغة أربعة عناصر أساسية لتنسيق وإبراز النصوص، تنقسم هندسياً إلى نوعين: عناصر دلالية وعناصر مرئية.

1. العناصر الدلالية (Semantic Elements)

العناصر الدلالية هي الأوسمة التي تشرح للمتصفح، لمحركات البحث (SEO)، ولأنظمة قارئات الشاشة (Screen Readers) المخصصة للمكفوفين طبيعة ومعنى هذا النص، وليس مجرد شكله البصري.

  • وسم strong: يُستخدم للإشارة إلى أن النص المحاط به يحمل أهمية قصوى أو خطورة (مثل التحذيرات أو التنبيهات المهمة). تقنياً، تقوم قارئات الشاشة بنطق هذا النص بنبرة صوت حادة ومشددة لتنبيه المستخدم الكفيف. متصفحات الويب تعرضه بشكل افتراضي بخط عريض (Bold).
  • وسم em (مختصر Emphasis): يُستخدم للتأكيد والتشديد على كلمة أو عبارة معينة داخل الجملة، بحيث لو نُطقت لتغير معنى الجملة بناءً عليها. تقوم قارئات الشاشة بتغيير نبرة الصوت عند قراءته، وتظهره المتصفحات بشكل افتراضي مائلاً (Italic).

2. العناصر المرئية أو البصرية (Visual Elements)

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

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

الصياغة (Syntax)

syntax
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>

نصائح احترافية

  • —محركات البحث تعطي وزناً SEO إضافياً للكلمات داخل <strong>. استخدمها بحكمة على الكلمات المفتاحية المهمة في محتواك.

الدرس السابق

تنسيق النصوص (br, hr, التعليقات)

الدرس التالي

عناصر النصوص المميزة (small, mark, del, ins)

نوفيل

منصة تعليم البرمجة الأولى بالعربي. تعلم من الصفر حتى الاحتراف مع كورسات احترافية وتحديات ذكاء اصطناعي.

المنصة

  • الكورسات
  • التحديات
  • المقالات
  • الأدوات

الحساب

  • إنشاء حساب
  • تسجيل الدخول
  • لوحة التحكم
  • الملف الشخصي

روابط

  • سياسة الخصوصية
  • شروط الاستخدام
  • عن نوفيل
  • تواصل معنا

© 2026 نوفيل. جميع الحقوق محفوظة.

صُنع بـ في مصر