الفرق بين المراجعتين ل"HTML/s"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}')
(إضافة قسمين ومثال)
 
سطر 4: سطر 4:
 
مثال عن استخدام العنصر <code><nowiki><s></nowiki></code> للإشارة إلى عدم توافر أحد المنتجات.
 
مثال عن استخدام العنصر <code><nowiki><s></nowiki></code> للإشارة إلى عدم توافر أحد المنتجات.
 
<syntaxhighlight lang="html">
 
<syntaxhighlight lang="html">
<s>Today's Special: Salmon</s> SOLD OUT<br>
+
<p><s>شاورما عربي 1$ فقط</s> انتهى العرض</p>
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 +
== بطاقة العنصر ==
 
{| class="wikitable" style="width: 100%;"
 
{| class="wikitable" style="width: 100%;"
 
|-
 
|-
سطر 45: سطر 46:
 
* كان هنالك عنصرٌ باسم <code><nowiki><strike></nowiki></code> وهو يشابه العنصر <code><nowiki><s></nowiki></code> لكنه أصبح مهملًا ولا يجوز استعماله في الصفحات الحديثة.
 
* كان هنالك عنصرٌ باسم <code><nowiki><strike></nowiki></code> وهو يشابه العنصر <code><nowiki><s></nowiki></code> لكنه أصبح مهملًا ولا يجوز استعماله في الصفحات الحديثة.
 
* يجب استعمال العنصر <code>[[HTML/del|<nowiki><del></nowiki>]]</code> إذا حذفت البيانات بدلًا من <code><nowiki><s></nowiki></code>.
 
* يجب استعمال العنصر <code>[[HTML/del|<nowiki><del></nowiki>]]</code> إذا حذفت البيانات بدلًا من <code><nowiki><s></nowiki></code>.
 +
 +
== التنسيق الافتراضي ==
 +
تعرض أغلبية المتصفحات العنصر <code><nowiki><s></nowiki></code> مع ضبط الخاصية <code>[[CSS/text-decoration|text-decoration]]</code> إلى <code>line-through</code>:<syntaxhighlight lang="css">
 +
s {
 +
  text-decoration: line-through;
 +
}
 +
</syntaxhighlight>
 +
 
==مصادر ومواصفات==
 
==مصادر ومواصفات==
 
*معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-s-element HTML Living Standard].
 
*معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-s-element HTML Living Standard].

المراجعة الحالية بتاريخ 09:31، 19 فبراير 2018

يؤدي العنصر <s> إلى عرض النص ويتوسطه خط؛ استخدم العنصر <s> لتمثيل النص الذي لم يعد متعلقًا بالموضوع أو لم يعد دقيقًا؛ لكن العنصر <s> ليس مناسبًا للإشارة إلى التعديلات التي أُجريت على المستند، فلتلك التعديلات استخدم <del> و <ins>.

مثال عن استخدام العنصر <s> للإشارة إلى عدم توافر أحد المنتجات.

<p><s>شاورما عربي 1$ فقط</s> انتهى العرض</p>

بطاقة العنصر

تصنيفات المحتوى عنصر تنظيمي أو عنصر عادي.
المحتوى المسموح محتوى عادي.
الوسم المختصر لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب أي عنصر يقبل المحتوى العادي.
واجهة DOM HTMLElement

دعم المتصفحات

Chrome Firefox Edge Safari Opera
مدعوم مدعوم مدعوم مدعوم مدعوم

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

ملاحظات

  • كان هنالك عنصرٌ باسم <strike> وهو يشابه العنصر <s> لكنه أصبح مهملًا ولا يجوز استعماله في الصفحات الحديثة.
  • يجب استعمال العنصر <del> إذا حذفت البيانات بدلًا من <s>.

التنسيق الافتراضي

تعرض أغلبية المتصفحات العنصر <s> مع ضبط الخاصية text-decoration إلى line-through:

s {
  text-decoration: line-through;
}

مصادر ومواصفات