From dea9d1f019d9e14357c58cf18653df1ac779d9d8 Mon Sep 17 00:00:00 2001 From: julieng Date: Wed, 13 Oct 2021 07:13:08 +0200 Subject: convert content to md --- files/fr/web/html/element/span/index.md | 160 +++++++++++++++++--------------- 1 file changed, 86 insertions(+), 74 deletions(-) (limited to 'files/fr/web/html/element/span') diff --git a/files/fr/web/html/element/span/index.md b/files/fr/web/html/element/span/index.md index da8b897455..9f0c24e946 100644 --- a/files/fr/web/html/element/span/index.md +++ b/files/fr/web/html/element/span/index.md @@ -8,98 +8,110 @@ tags: - Web translation_of: Web/HTML/Element/span --- -
{{HTMLRef}}
+{{HTMLRef}} -

L'élément HTML <span> est un conteneur générique en ligne (inline) pour les contenus phrasés. Il ne représente rien de particulier. Il peut être utilisé pour grouper des éléments afin de les mettre en forme (grâce aux attributs {{htmlattrxref("class")}} ou {{htmlattrxref("id")}} et aux règles CSS) ou parce qu'ils partagent certaines valeurs d'attribut comme {{htmlattrxref("lang")}}. Il doit uniquement être utilisé lorsqu'aucun autre élément sémantique n'est approprié. <span> est très proche de l'élément {{HTMLElement("div")}}, mais l'élément <div> est un élément de bloc, alors que <span> est un élément en ligne.

+L'élément HTML **``** est un conteneur générique en ligne (_inline_) pour les contenus phrasés. Il ne représente rien de particulier. Il peut être utilisé pour grouper des éléments afin de les mettre en forme (grâce aux attributs {{htmlattrxref("class")}} ou {{htmlattrxref("id")}} et aux règles [CSS](/fr/docs/Web/CSS)) ou parce qu'ils partagent certaines valeurs d'attribut comme {{htmlattrxref("lang")}}. Il doit uniquement être utilisé lorsqu'aucun autre élément sémantique n'est approprié. `` est très proche de l'élément {{HTMLElement("div")}}, mais l'élément `
` est [un élément de bloc](/fr/docs/Web/HTML/Éléments_en_bloc), alors que `` est [un élément en ligne](/fr/docs/Web/HTML/Éléments_en_ligne). -
{{EmbedInteractiveExample("pages/tabbed/span.html", "tabbed-shorter")}}
+{{EmbedInteractiveExample("pages/tabbed/span.html", "tabbed-shorter")}} -

Attributs

+## Attributs -

Cet élément inclut uniquement les attributs universels.

+Cet élément inclut uniquement [les attributs universels](/fr/docs/Web/HTML/Attributs_universels). -

Exemples

+## Exemples -

HTML

+### HTML -
<p><span>Un peu de texte</span></p>
+```html +

Un peu de texte

+``` -

CSS

+### CSS -
p span {
+```css
+p span {
   background: green;
-}
+} +``` -

Résultat

+### Résultat -

{{EmbedLiveSample("Exemples","100%","100")}}

+{{EmbedLiveSample("Exemples","100%","100")}} -

Résumé technique

+## Résumé technique - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuContenu de flux, contenu phrasé.
Contenu autoriséContenu phrasé.
Omission de balises{{no_tag_omission}}
Parents autorisésTout élément acceptant du contenu phrasé, ou tout élément acceptant du contenu de flux.
Rôles ARIA autorisésAny
Interface DOM{{domxref("HTMLSpanElement")}} (avant HTML 5, l'interface était {{domxref("HTMLElement")}})
+ Catégories de contenu + + Contenu de flux, + contenu phrasé. +
Contenu autorisé + Contenu phrasé. +
Omission de balises{{no_tag_omission}}
Parents autorisés + Tout élément acceptant du + contenu phrasé, ou tout élément acceptant du + contenu de flux. +
Rôles ARIA autorisésAny
Interface DOM + {{domxref("HTMLSpanElement")}} (avant HTML 5, l'interface + était {{domxref("HTMLElement")}}) +
-

Spécifications

- - - - - - - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-span-element', '<span>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-span-element', '<span>')}}{{Spec2('HTML5 W3C')}}L'interface DOM est désormais {{domxref("HTMLSpanElement")}}.
{{SpecName('HTML4.01', 'struct/global.html#edef-SPAN', '<span>')}}{{Spec2('HTML4.01')}}
+## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------------------------------------------ | -------------------------------- | ----------------------------------------------------------------------- | +| {{SpecName('HTML WHATWG', 'text-level-semantics.html#the-span-element', '<span>')}} | {{Spec2('HTML WHATWG')}} | | +| {{SpecName('HTML5 W3C', 'text-level-semantics.html#the-span-element', '<span>')}} | {{Spec2('HTML5 W3C')}} | L'interface DOM est désormais {{domxref("HTMLSpanElement")}}. | +| {{SpecName('HTML4.01', 'struct/global.html#edef-SPAN', '<span>')}} | {{Spec2('HTML4.01')}} | | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("html.elements.span")}}

+{{Compat("html.elements.span")}} -

Voir aussi

+## Voir aussi -
    -
  • {{HTMLElement("div")}}
    • -
+- {{HTMLElement("div")}} -- cgit v1.2.3-54-g00ecf