الفرق بين المراجعتين لصفحة: «HTML/span»
< HTML
ط تغيير ترتيب التصنيفات |
ط استبدال النص - ':(Content sectioning|Edits|Embedded content|Forms|Inline text semantics|Input Types|Interactive elements|Main Root|Metadata|Multimedia|Scripting|Table|Text Content)' ب':HTML $1' |
||
سطر 58: | سطر 58: | ||
[[تصنيف:HTML]] | [[تصنيف:HTML]] | ||
[[تصنيف:HTML Elements]] | [[تصنيف:HTML Elements]] | ||
[[تصنيف:Inline text semantics]] | [[تصنيف:HTML Inline text semantics]] |
مراجعة 15:31، 28 يناير 2018
العنصر <span>
هو حاوية سطرية (inline container) عامة، والتي لا تُمثِّل نوعًا معيّنًا من المحتوى، ويمكن أن تستعمل تجميع العناصر من أجل التنسيق (إما باستخدام الخاصية id
أو class
) أو لأن تلك العناصر تتشارك في خاصيةٍ ما مثل الخاصية lang
.
لا يجب أن يستعمل هذا العنصر إلا إذا لم يكن أيُّ عنصرٍ آخر مناسبًا؛ إذ إنَّ العنصر <span>
يشبه العنصر <div>
كثيرًا، لكن العنصر <div>
هو عنصر كتلي (block-level element) بينما العنصر <span>
هو عنصر سطري (inline element).
مثال عن استخدام العنصر <span>
داخل فقرة (العنصر <p>
):
<p><span>Some text</span></p>
مثال آخر يستعمل العنصر <span>
لاحتواء رابط مع إضافة الخاصية class
إليه لتنسيقه لاحقًا:
<li><span class="link">
<a href="portfolio.html" target="_blank">See my portfolio</a>
</span></li>
شيفرة CSS لتنسيق العنصر <span>
السابق:
.link {
background: gold;
}
تصنيفات المحتوى | عنصر تنظيمي أو عنصر عادي. |
---|---|
المحتوى المسموح | محتوى عادي. |
الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
العناصر الأب | أي عنصر يقبل المحتوى العادي. |
واجهة DOM | HTMLSpanElement
|
دعم المتصفحات
Chrome | Firefox | Edge | Safari | Opera |
---|---|---|---|---|
مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الخاصيات
يمكن استخدام الخاصيات العامة في هذا العنصر.
مصادر ومواصفات
- معيار HTML Living Standard.
- مواصفة HTML5، تحولت واجهة DOM من
HTMLElement
إلىHTMLSpanElement
. - مواصفة HTML 4.01.