و HTML <span>العنصر هو حاوية مضمنة عامة لمحتوى الصيغة، التي لا تمثل في حد ذاتها أي شيء. يمكن استخدامه لتجميع العناصر لأغراض التصميم (باستخدام classأو idالسمات) ، أو لأنها تتشارك في قيم السمات ، مثل lang. يجب استخدامه فقط عندما يكون أي عنصر دلالي آخر مناسبًا. <span>تشبه إلى حد كبير على <div>عنصر، ولكن <div>هو عنصر على مستوى الكتلة في حين أن <span>هو عنصر المضمنة .
|
محتوى التدفق ، محتوى الصياغة . | |
|---|---|---|
| المحتوى المسموح به |
|
|
| إغفال العلامة | الآباء المسموح بهم | |
| أي عنصر يقبل محتوى الصياغة ، أو أي عنصر يقبل محتوى التدفق . | ||
| يسمح أدوار ARIA | أي | |
| واجهة DOM | HTMLSpanElement(قبل HTML 5 ، كانت الواجهة HTMLElement) |
السمات
هذا العنصر يشمل فقط السمات العالمية .
المثال 1
<p><span>Some text</span></p>
نتيجة
بعض النصوص
المثال 2
<li><span>
<a href="portfolio.html" target="_blank">See my portfolio</a>
</span></li>
CSS:
li span {
background: gold;
}
مواصفات
| تخصيص | الحالة | تعليق |
|---|---|---|
| HTML Living Standard The definition of '<span>' in that specification. |
Living Standard | |
| HTML5 The definition of '<span>' in that specification. |
Recommendation | واجهة DOM هي الآن HTMLSpanElement. |
| HTML 4.01 Specification The definition of '<span>' in that specification. |
Recommendation |
توافق التصفح
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
span | Chrome Full support Yes | Edge Full support 12 | Firefox Full support 1 | IE Full support Yes | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
انظر أيضا
- HTML
<div>عنصر