الفرق بين المراجعتين لصفحة: «HTML/strong»
ط تغيير ترتيب التصنيفات |
إضافة قسمين ومثال |
||
| (2 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة) | |||
| سطر 4: | سطر 4: | ||
مثال عن استخدام العنصر <code><nowiki><strong></nowiki></code> لإعطاء أهمية لإحدى الكلمات: | مثال عن استخدام العنصر <code><nowiki><strong></nowiki></code> لإعطاء أهمية لإحدى الكلمات: | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
<p> | <p>قبل أن تذهب إلى ورشة العمل <strong>احرص على ارتداء خوذة الأمان</strong>.</p> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== بطاقة العنصر == | |||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
| سطر 58: | سطر 58: | ||
لاحظ أنَّ بإمكانك استخدام العنصر <code>[[HTML/em|<nowiki><em></nowiki>]]</code> داخل <code><nowiki><strong></nowiki></code> لتوكيد معلومة مهمة، أو العنصر <code><nowiki><strong></nowiki></code> داخل العنصر <code>[[HTML/em|<nowiki><em></nowiki>]]</code> لإعطاء أهمية لجملة توكيدية. | لاحظ أنَّ بإمكانك استخدام العنصر <code>[[HTML/em|<nowiki><em></nowiki>]]</code> داخل <code><nowiki><strong></nowiki></code> لتوكيد معلومة مهمة، أو العنصر <code><nowiki><strong></nowiki></code> داخل العنصر <code>[[HTML/em|<nowiki><em></nowiki>]]</code> لإعطاء أهمية لجملة توكيدية. | ||
== التنسيق الافتراضي == | |||
تعرض أغلبية المتصفحات العنصر <code><nowiki><strong></nowiki></code> مع جعل وزن الخط (<code>[[CSS/font-weight|font-weight]]</code>) ثخينًا (<code>bold</code>):<syntaxhighlight lang="css"> | |||
strong { | |||
font-weight: bold; | |||
} | |||
</syntaxhighlight> | |||
==مصادر ومواصفات== | ==مصادر ومواصفات== | ||
| سطر 63: | سطر 70: | ||
*مواصفة [http://www.w3.org/TR/html5/text-level-semantics.html#the-strong-element HTML5]. | *مواصفة [http://www.w3.org/TR/html5/text-level-semantics.html#the-strong-element HTML5]. | ||
*مواصفة [http://www.w3.org/TR/html401/struct/text.html#edef-STRONG HTML 4.01]. | *مواصفة [http://www.w3.org/TR/html401/struct/text.html#edef-STRONG HTML 4.01]. | ||
[[تصنيف:HTML]] | [[تصنيف:HTML|{{SUBPAGENAME}}]] | ||
[[تصنيف:HTML Elements]] | [[تصنيف:HTML Elements|{{SUBPAGENAME}}]] | ||
[[تصنيف:Inline text semantics]] | [[تصنيف:HTML Inline text semantics|{{SUBPAGENAME}}]] | ||
المراجعة الحالية بتاريخ 12:28، 19 فبراير 2018
يعطي العنصر <strong> أهميةً للنص المحتوى فيه، ويُعرَض النص عادةً بخطٍ عريض (bold).
مثال عن استخدام العنصر <strong> لإعطاء أهمية لإحدى الكلمات:
<p>قبل أن تذهب إلى ورشة العمل <strong>احرص على ارتداء خوذة الأمان</strong>.</p>
بطاقة العنصر
| تصنيفات المحتوى | عنصر تنظيمي أو عنصر عادي. |
|---|---|
| المحتوى المسموح | محتوى عادي. |
| الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
| العناصر الأب | أي عنصر يقبل المحتوى العادي. |
| واجهة DOM | HTMLSpanElement
|
دعم المتصفحات
| Chrome | Firefox | Edge | Safari | Opera |
|---|---|---|---|---|
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الخاصيات
يمكن استخدام الخاصيات العامة في هذا العنصر.
ملاحظات الاستخدام
العنصر <b> والعنصر <strong>
وجود العديد من العناصر لإعطاء النص يؤدي إلى إرباك الكثير من المطورين، ومن أكثر تلك العناصر شهرةً العنصرين <b> و <strong>، فالسؤال الشائع بين المطورين الجدد هو متى نستخدم <strong> ومتى نستخدم <b>؟ أليست النتيجة نفسها؟
لا، ليست نفسها، لأن العنصر <strong> يستعمل لإضفاء أهمية إلى النص، دون أخذ التنسيق بالحسبان، أي يمكن التعبير عن التنسيق بعدِّة طرائق، إذ نستطيع تركه بخطٍ عريض أو ربما نغيّره إلى لونٍ مختلف أو حجم خط مختلف أو وضع خط تحت النص ...إلخ. فليس الغرض من العنصر <strong> هو إظهار النص بالخط العريض.
يجدر بالذكر أنَّ العنصر <b> يستخدم لتوسيم الكلمات المفتاحية في خلاصة المقال، أو أسماء المنتجات في مراجعةٍ لها، أو أيّة نصوص تُعرَض عادةً بخطٍ عريض.
العنصر <em> والعنصر <strong>
كما ذكرنا سابقًا، الغرض من العنصر <strong> هو إعطاء أهمية لمحتواه النصي، بينما العنصر <em> يضفي توكيدًا لجزء من الجملة وقد يؤدي إلى تغيير معناها (مثل: «أنا أحب الجزر» و «أنا أحب الجزر»).
بينما يستعمل العنصر <strong> لإعطاء أهمية لجزء من الجملة (مثل "تحذير! هذا الأمر خطيرٌ جدًا»).
لاحظ أنَّ بإمكانك استخدام العنصر <em> داخل <strong> لتوكيد معلومة مهمة، أو العنصر <strong> داخل العنصر <em> لإعطاء أهمية لجملة توكيدية.
التنسيق الافتراضي
تعرض أغلبية المتصفحات العنصر <strong> مع جعل وزن الخط (font-weight) ثخينًا (bold):
strong {
font-weight: bold;
}
مصادر ومواصفات
- معيار HTML Living Standard.
- مواصفة HTML5.
- مواصفة HTML 4.01.