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/caption/index.md | 155 ++++++++++++++++------------- 1 file changed, 86 insertions(+), 69 deletions(-) (limited to 'files/fr/web/html/element/caption/index.md') diff --git a/files/fr/web/html/element/caption/index.md b/files/fr/web/html/element/caption/index.md index 00a70e2d0c..d45202a5de 100644 --- a/files/fr/web/html/element/caption/index.md +++ b/files/fr/web/html/element/caption/index.md @@ -15,33 +15,52 @@ tags: translation_of: Web/HTML/Element/caption browser-compat: html.elements.caption --- -
{{HTMLRef}}
+{{HTMLRef}} -

L'élément <caption> définit la légende (ou le titre) d'un tableau.

+L'élément **``** définit la légende (ou le titre) d'un tableau. -
{{EmbedInteractiveExample("pages/tabbed/caption.html", "tabbed-standard")}}
+{{EmbedInteractiveExample("pages/tabbed/caption.html", "tabbed-standard")}} - + - + - + - + - + @@ -49,68 +68,70 @@ browser-compat: html.elements.caption - +
Catégories de contenu + Catégories de contenu + Aucune.
Contenu autoriséContenu de flux. + Contenu de flux. +
Omission de balisesLa balise de fin peut être absente si l'élément n'est pas immédiatement suivi d'un blanc ASCII ou d'un commentaire. + La balise de fin peut être absente si l'élément n'est pas immédiatement + suivi d'un blanc ASCII ou d'un commentaire. +
Parents autorisésUn élément <table> dont il doit être le premier descendant. + Un élément + <table> + dont il doit être le premier descendant. +
Rôle ARIA implicitePas de rôle correspondant + Pas de rôle correspondant +
Rôles ARIA autorisés
Interface DOMHTMLTableCaptionElement + HTMLTableCaptionElement +
-

Attributs

+## Attributs -

On peut utiliser les attributs universels sur cet élément.

+On peut utiliser[ les attributs universels](/fr/docs/Web/HTML/Global_attributes) sur cet élément. -

Attributs obsolètes

+### Attributs obsolètes -
-
align {{deprecated_inline}}
-
Cet attribut à valeur contrainte indique l'alignement de la légende du tableau par rapport au tableau lui-même. Il peut valoir : -
-
left
-
La légende est affichée à gauche du tableau
-
top
-
La légende est affichée au-dessus du tableau
-
right
-
La légende est affichée à droite du tableau
-
bottom
-
La légende est affichée en dessous du tableau
-
+- **`align`** {{deprecated_inline}} -
-

Note : Ne pas utiliser cet attribut. Il a été déprécié. L'élément <caption> devrait être mis en forme grâce au CSS. Afin d'obtenir des effets similaires à cet attribut, on utilisera les propriétés CSS caption-side et text-align.

-
-
-
+ - : Cet attribut à valeur contrainte indique l'alignement de la légende du tableau par rapport au tableau lui-même. Il peut valoir : -

Notes d'utilisation

+ - `left` + - : La légende est affichée à gauche du tableau + - `top` + - : La légende est affichée au-dessus du tableau + - `right` + - : La légende est affichée à droite du tableau + - `bottom` + - : La légende est affichée en dessous du tableau -

L'élément <caption> devrait être le premier élément enfant de l'élément parent <table>.

+ > **Note :** Ne pas utiliser cet attribut. Il a été déprécié. L'élément `` devrait être mis en forme grâce au [CSS](/fr/docs/Web/CSS). Afin d'obtenir des effets similaires à cet attribut, on utilisera les propriétés CSS [`caption-side`](/fr/docs/Web/CSS/caption-side) et [`text-align`](/fr/docs/Web/CSS/text-align). -

Quand l'élément <table> (étant le parent de l'élément <caption>) n'est que l'unique descendant d'un élément <figure>, c'est l'élément <figcaption> doit être utilisé.

+## Notes d'utilisation -

Utiliser la propriété background-color sur le tableau ne modifiera pas l'apparence de la légende. Il est également nécessaire d'ajouter une déclaration CSS avec background-color sur l'élément <caption> pour que celui-ci ait la même couleur.

+L'élément `` devrait être le premier élément enfant de l'élément parent [``](/fr/docs/Web/HTML/Element/table). -

Exemple

+Quand l'élément [`
`](/fr/docs/Web/HTML/Element/table) (étant le parent de l'élément `
`) n'est que l'unique descendant d'un élément [`
`](/fr/docs/Web/HTML/Element/figure), c'est l'élément [`
`](/fr/docs/Web/HTML/Element/figcaption) doit être utilisé. -

Cet exemple simple présente un tableau qui comprend une légende.

+Utiliser la propriété [`background-color`](/fr/docs/Web/CSS/background-color) sur le tableau ne modifiera pas l'apparence de la légende. Il est également nécessaire d'ajouter une déclaration CSS avec `background-color` sur l'élément `
` pour que celui-ci ait la même couleur. -

HTML

+## Exemple -
<table>
-  <caption>Légende de l'exemple</caption>
-  <tr>
-    <th>Connexion</th>
-    <th>Courriel :</th>
-  </tr>
-  <tr>
-    <td>utilisateur1</td>
-    <td>utilisateur1@test.fr</td>
-  </tr>
-  <tr>
-    <td>utilisateur2</td>
-    <td>utilisateur2@test.fr</td>
-  </tr>
-</table>
+Cet exemple simple présente un tableau qui comprend une légende. - +``` + +### Résultat -

Résultat

+{{EmbedLiveSample('Exemple', '', 120)}} -

{{EmbedLiveSample('Exemple', '', 120)}}

+## Spécifications -

Spécifications

+{{Specifications}} -

{{Specifications}}

+## Compatibilité des navigateurs -

Compatibilité des navigateurs

+{{Compat}} -

{{Compat}}

+## Voir aussi -

Voir aussi

+- Les propriétés CSS particulièrement utiles pour styliser l'élément `` : -
    -
  • Les propriétés CSS particulièrement utiles pour styliser l'élément <caption> : - -
    • -
+ - [`text-align`](/fr/docs/Web/CSS/text-align) + - [`caption-side`](/fr/docs/Web/CSS/caption-side). -- cgit v1.2.3-54-g00ecf