الفرق بين المراجعتين لصفحة: «HTML/span»

مراجعة 09:01، 27 يناير 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.

@@ سطر 55: / سطر 55: @@
 *معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-span-element HTML Living Standard].
 *مواصفة [http://www.w3.org/TR/html5/text-level-semantics.html#the-span-element HTML5]، تحولت واجهة DOM من <code>HTMLElement</code> إلى <code>HTMLSpanElement</code>.
-*مواصفة [http://www.w3.org/TR/html401/struct/global.html#edef-SPAN HTML 4.01]. [[تصنيف:Inline text semantics]]
+*مواصفة [http://www.w3.org/TR/html401/struct/global.html#edef-SPAN HTML 4.01].
 [[تصنيف:HTML]]
 [[تصنيف:HTML Elements]]
+[[تصنيف:Inline text semantics]]