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

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
ط
 
(مراجعة متوسطة واحدة بواسطة مستخدم واحد آخر غير معروضة)
سطر 13: سطر 13:
 
   </span>
 
   </span>
 
</li>
 
</li>
</syntaxhighlight>شيفرة CSS لتنسيق العنصر <code><nowiki><span></nowiki></code> السابق:<syntaxhighlight lang="css">
+
</syntaxhighlight>شيفرة [[CSS]] لتنسيق العنصر <code><nowiki><span></nowiki></code> السابق:<syntaxhighlight lang="css">
 
.link {
 
.link {
 
   background-color: #F0F0F0;
 
   background-color: #F0F0F0;
سطر 20: سطر 20:
 
{{Course|course=frontend}}
 
{{Course|course=frontend}}
 
__TOC__
 
__TOC__
 +
 +
 +
 +
 
== بطاقة العنصر ==
 
== بطاقة العنصر ==
 
{| class="wikitable" style="width: 100%;"
 
{| class="wikitable" style="width: 100%;"

المراجعة الحالية بتاريخ 16:06، 7 أكتوبر 2022

العنصر <span> هو حاوية سطرية (inline container) عامة، والتي لا تُمثِّل نوعًا معيّنًا من المحتوى، ويمكن أن تستعمل تجميع العناصر من أجل التنسيق (إما باستخدام الخاصية id أو class) أو لأن تلك العناصر تتشارك في خاصيةٍ ما مثل الخاصية lang.

لا يجب أن يستعمل هذا العنصر إلا إذا لم يكن أيُّ عنصرٍ آخر مناسبًا؛ إذ إنَّ العنصر <span> يشبه العنصر <div> كثيرًا، لكن العنصر <div> هو عنصر كتلي (block-level element) بينما العنصر <span> هو عنصر سطري (inline element).

مثال عن استخدام العنصر <span> داخل فقرة (العنصر <p>):

<p><span>محتوى نصي</span></p>

مثال آخر يستعمل العنصر <span> لاحتواء رابط مع إضافة الخاصية class إليه لتنسيقه لاحقًا:

<li>
  <span class="link">
    <a href="#">HTML</a>
  </span>
</li>

شيفرة CSS لتنسيق العنصر <span> السابق:

.link {
  background-color: #F0F0F0;
}
دورة تطوير واجهات المستخدم
  • 66 ساعة فيديو تدريبية
  • من الصفر دون الحاجة لخبرة مسبقة
  • شهادة معتمدة من أكاديمية حسوب
  • متابعة أثناء الدورة من فريق مختص



بطاقة العنصر

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

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

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

الخاصيات

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

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