| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/fr/docs/Web/HTML/Reference/Elements/span | [Back] [Original] |
Get to know MDN better
Cette page a t traduite partir de l'anglais par la communaut. Vous pouvez contribuer en rejoignant la communaut francophone sur MDN Web Docs.
<span> : l'lment de contenu en incise gnriqueCette fonctionnalit est bien tablie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
L'lment HTML <span> est un conteneur gnrique en incise (inline en anglais) pour les contenus phrass. Il ne reprsente rien de particulier. Il peut tre utilis pour grouper des lments afin de les mettre en forme (grce aux attributs class ou id et aux rgles CSS) ou parce qu'ils partagent certaines valeurs d'attribut comme lang. Il doit uniquement tre utilis lorsqu'aucun autre lment smantique n'est appropri. <span> est trs proche de l'lment <div>, mais l'lment <div> est un lment de bloc, alors que <span> est un lment en incise.
<p>
Ajoutez le <span class="ingredient">basilic</span>,
<span class="ingredient">pignon de pin</span> et
<span class="ingredient">ail</span> dans un mixeur et mixez jusqu' obtenir
une pte.
</p>
<p>
Ajoutez progressivement l'<span class="ingredient">huile d'olive</span> en
faisant tourner le mixeur lentement.
</p>
span.ingredient {
color: red;
}
Cet lment inclut uniquement les attributs universels.
<p><span>Un peu de texte</span></p>
<li>
<span>
<a href="portfolio.html" target="_blank">Voir mon cahier de projets</a>
</span>
</li>
li span {
background: gold;
}
| Catgories de contenu | Contenu de flux, contenu phras. |
|---|---|
| Contenu autoris | Contenu phras. |
| Omission de balises | Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires. |
| Parents autoriss | Tout lment acceptant du contenu phras, ou tout lment acceptant du contenu de flux. |
| Rle ARIA implicite | Pas de rle correspondant (angl.) |
| Rles ARIA autoriss | Tous les rles sont autoriss |
| Interface DOM | HTMLSpanElement |
| Spcification |
|---|
| HTML # the-span-element |
<div>Cette page a t modifie le 23 aot 2026 par les contributeurices du MDN.
<a><abbr><acronym><address><area><article><aside><audio><b><base><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><data><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fencedframe><fieldset><figcaption><figure><font><footer><form><frame><frameset><geolocation><h1>-<h6><head><header><hgroup><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><main><map><mark><marquee><menu><meta><meter><nav><nobr><noembed><noframes><noscript><object><ol><optgroup><option><output><p><param><picture><plaintext><pre><progress><q><rb><rp><rt><rtc><ruby><s><samp><script><search><section><select><selectedcontent><slot><small><source><span><strike><strong><style><sub><summary><sup><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video><wbr><xmp><input><input type="button"><input type="checkbox"><input type="color"><input type="date"><input type="datetime-local"><input type="email"><input type="file"><input type="hidden"><input type="image"><input type="month">Valeur d'attribut HTML `<input type="number">`<input type="password"><input type="radio"><input type="range"><input type="reset"><input type="search"><input type="submit"><input type="tel"><input type="text"><input type="time"><input type="url"><input type="week"><script>Certaines parties de ce contenu sont protges par le droit d'auteur 19982026 des contributeurs individuels de mozilla.org. Contenu disponible sous une licence Creative Commons.
| Web Proxy Viewer | New URL | Original Page |