يمكن مناقشة الفرق بين em و strong على ثلاثة مستويات.
انظر أولاً إلى التعليمات الموجودة في HTML 4.01:
EM: يشير إلى التركيز.
قوي: يشير إلى التركيز الأقوى،
يعني em التركيز، والقوي يعني التركيز الأقوى. والبيان الموجز والمختصر يبين أصل تسمية م وقوي. وفي المتصفح، يتم التعبير عن em بخط مائل افتراضيًا، ويتم التعبير عن القوة بالخط العريض. هذا هو المستوى الأول من الاختلاف.
في المستوى الثاني، هناك ملخصات جيدة في المقالتين التركيز في السياق مقابل التمييز الشامل وem مقابل
التركيز المحلي، هل ترى؟
القوي هو للتمييز العالمي. عندما ينظر شخص ما إلى المستند الخاص بك، في لمحة سريعة، يجب أن تظهر بعض الكلمات والعبارات. هذه هي الكلمات والعبارات التي تشكل جوهر المحتوى - النقاط البارزة.
يتم استخدام em للتركيز المحلي، ويتم استخدام قوي للتركيز العالمي. من منظور بصري، يكون التركيز على em في محله، ولن تلاحظ ذلك إلا عندما تقرأ في مكان ما. إن التركيز على القوة عبارة عن عبارة رئيسية عشوائية وغير مرتبة تبرز فورًا عند قراءة مقال معين. يرضي الخط المائل والجريء هذين المؤثرات المرئية، لذا فقد أصبحا النمطين الافتراضيين لـ em وstrong.
هل تعتقد أنه تم شرحه بوضوح أعلاه؟ دعونا نلقي نظرة على الاختلافات في المستوى الثالث. تم شرحه بالتفصيل في مسودة HTML5:
يمثل عنصر em التركيز على محتوياته. يؤدي وضع التركيز إلى تغيير معنى الجملة.
يمثل العنصر القوي أهمية قوية لمحتوياته. إن تغيير أهمية جزء من النص بالعنصر القوي لا يغير معنى الجملة.
يمثل em التركيز على المحتوى، ويمثل strong أهمية المحتوى. ولن يغير القوي دلالات الجملة، ولكن em سيغير دلالات الجملة. وقدم مثالًا جيدًا جدًا:
<p><em>القطط</em> حيوانات لطيفة.</p>
التركيز على القطط ومناقشة أي حيوان ذكي ولطيف.
<p>القطط <em>هي</em> حيوانات لطيفة.</p>
ينصب التركيز على ما إذا كانت القطط ذكية ولطيفة.
<p>القطط حيوانات <em>لطيفة</em>.</p>
التأكيد على الذكاء والجاذبية، والمناقشة هي ما إذا كانت القطط ذكية ولطيفة أو غبية ومزعجة.
<p><strong>تحذير.</strong> هذا الزنزانة خطير.
<strong>تجنب البط.</strong> خذ أي ذهب تجده.
<strong><strong>لا تأخذ أيًا من قطع الماس</strong>،
فهي متفجرة و<strong>سوف تدمر أي شيء بداخلها
عشرة أمتار.</strong></strong> لقد تم تحذيرك.</p>
يعبر القوي عن التركيز على الأهمية ولن يتسبب في تغيير معنى الجملة. أخيرًا، لاحظ أن كلاً من em وstrong يمكن أن يكون لهما قيم متعددة. على سبيل المثال، يمكن استخدام القيمتين strong للإشارة إلى أهمية المحتوى.
ويمكن ملاحظة أن التركيز المحلي والتركيز العالمي المذكورين في المستوى الثاني ليسا دقيقين بما فيه الكفاية. تم شرح سر الفرق بين em و strong بشكل كامل في مسودة HTML5. يوصى بقراءة مسودة HTML5 بعناية عندما يكون لديك الوقت. يتم شرح دلالات العديد من العناصر بشكل واضح للغاية، وهو أمر ذو قيمة كبيرة بالنسبة لنا لاستخدام العلامات الأكثر ملاءمة في الأماكن الأكثر ملاءمة.
أخيرًا، في الردود على مقال "الواجهة الأمامية والعمال المهاجرين" وفي رسائل البريد الإلكتروني الواردة، للأسف لم أجد أحدًا يعرف الفرق في المستوى الثالث. ولذلك، فإن الهدايا التي أعددتها (في الواقع قمت بإعداد 10 منها) كانت وحيدة جدًا لدرجة أنني لم أتمكن من إرسالها. ومع ذلك، هذه المقالة مجرد مقدمة. بعد ذلك، سأستخدم سلسلة من المقالات لاستكشاف دلالات العناصر في HTML. لا يزال الوعد بالهدايا ساريًا، ونترك الأمر للموضوع التالي:
يرجى شرح دلالات dl وإدراج 5 سيناريوهات استخدام على الأقل.
يمكنك التحقق من المعلومات ونشر النتائج في الرد، أو إرسالها لي عبر البريد الإلكتروني. الهدايا محدودة وسيتم منحها لأول 10 إجابات صحيحة.
الملحق: بعد مناقشته مع بعض الأصدقاء، رأيي النهائي هو:
em هو توكيد الجملة، وسواء أضيفت أم لا فسوف يحدث تغييرات دلالية.
Strong هو للتأكيد على الأهمية، وليس له علاقة بالوضع المحلي أو العالمي. يمكنك أيضًا استخدام strong للتأكيد على الجزء المحلي.