الفرق بين المراجعتين ل"HTML/span"
< HTML
اذهب إلى التنقل
اذهب إلى البحث
جميل-بيلوني (نقاش | مساهمات) ط |
|||
(مراجعة متوسطة واحدة بواسطة مستخدم واحد آخر غير معروضة) | |||
سطر 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 |
---|---|---|---|---|
مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الخاصيات
يمكن استخدام الخاصيات العامة في هذا العنصر.
مصادر ومواصفات
- معيار HTML Living Standard.
- مواصفة HTML5، تحولت واجهة DOM من
HTMLElement
إلىHTMLSpanElement
. - مواصفة HTML 4.01.