From a47584de1bd47788cb5aa6178fa88b31977b2a8e Mon Sep 17 00:00:00 2001 From: tristantheb Date: Sat, 19 Jun 2021 10:25:05 +0200 Subject: UPDATE: Update translation of the HTML elements — 🛠 Priority work area (#500) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * UPDATE: Updating pages starting with A * FIX: Update missing KS to html anchor * Review HTML Element a * Review HTML Element abbr * Review HTML Element acronym * Review HTML Element address * Review HTML Element applet * Review HTML Element area * Review HTML Element article * Review HTML Element aside * Review HTML Element audio * UPDATE: Updating pages wtarting with B * Review HTML Element b * Review HTML Element base * Review HTML Element basefont * Review HTML Element bdi * Review HTML Element bdo * Review HTML Element big * Review HTML Element blink * Review HTML Element blockquote * Review HTML Element body * Review HTML Element br * Review HTML Element button * Review HTML Element button - rm HTMLRef * Review HTML Element button - lint link * UPDATE: Updating pages starting with C * UPDATE: Updating pages starting with D * UPDATE: Refresh the reference page * UPDATE: Updating pages starting with E * Review HTML Element canvas * Review HTML Element caption * Review HTML Element center * Review HTML Element cite * UPDATE: Updating pages starting with F * BCD: Update all updated pages with new BCD format * FIX: add missing bracket * Review - HTML element - code * Review - HTML Element - col * Review - HTML Element - colgroup * Review - HTML Element - content * Review - HTML Element - data * Review - HTML Element - datalist * Review - HTML Element - dd * Review - HTML Element - del * Review - HTML Element * Review - HTML Element - dfn * Review - HTML Element - dialog * Review - HTML element - dir * Review - HTML Element div * Review - HTML Element - dl * Review - HTML Element - dt * Review - HTML Element - em * Review - HTML Element - embed * Review - HTML Element - fieldset * Review - HTML Element - figcaption * Review - HTML Element - figure * Review - HTML Element - font * Review - HTML Element - footer * Review - HTML Element - form * Review - HTML Element - frame * Review - HTML Element - frameset * Review updates since PR start - A * Review updates since PR start - B * Review updates since PR start - C * Review updates since PR start - D * Review updates since PR start - F Co-authored-by: julieng --- files/fr/web/html/element/caption/index.html | 251 +++++++++++++-------------- 1 file changed, 118 insertions(+), 133 deletions(-) (limited to 'files/fr/web/html/element/caption') diff --git a/files/fr/web/html/element/caption/index.html b/files/fr/web/html/element/caption/index.html index f1d9f809a3..7210126072 100644 --- a/files/fr/web/html/element/caption/index.html +++ b/files/fr/web/html/element/caption/index.html @@ -4,161 +4,146 @@ slug: Web/HTML/Element/caption tags: - Element - HTML + - HTML Tables + - HTML tabular data - Reference - - Tableau + - Table Captions + - Table Titles + - Tables - Web + - caption translation_of: Web/HTML/Element/caption +browser-compat: html.elements.caption ---
{{HTMLRef}}
-

L'élément HTML <caption> représente la légende (ou le titre) d'un tableau. Il doit être le première élément parmi les descendants de l'élément {{HTMLElement("table")}}. La mise en forme CSS peut placer cet élément à un autre endroit par rapport au tableau et on pourra notamment utiliser les propriétés {{cssxref("caption-side")}} et {{cssxref("text-align")}}.

+

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

{{EmbedInteractiveExample("pages/tabbed/caption.html", "tabbed-standard")}}
- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuAucune.
Contenu autorisé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.
Parents autorisésUn élément <table> dont il doit être le premier descendant.
Rôle ARIA implicitePas de rôle correspondant
Rôles ARIA autorisésAucun.
Interface DOMHTMLTableCaptionElement
-

Attributs

+

Attributs

-

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

+

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

-

Attributs obsolètes

+

Attributs obsolètes

-
{{htmlattrdef("align")}} {{deprecatedGeneric('inline','HTML4.01')}} {{obsoleteGeneric('inline','HTML5')}}
-
Cet attribut à valeur contrainte indique l'alignement de la légende du tableau par rapport au tableau lui-même. Il peut valoir : -
    -
  • left pour un affichage à gauche du tableau
    • -
  • top pour un affichage au dessus du tableau
    • -
  • right pour un affichage à droite du tableau
    • -
  • bottom pour un affichage en dessous du tableau
    • -
- -
Note d'utilisation : Ne pas utiliser cet attribut. Il a été déprécié. L'élément {{HTMLElement("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 {{cssxref("caption-side")}} et {{cssxref("text-align")}}.
-
+
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
+
+ +
+

Note d'utilisation :

+

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.

+
+
-

Notes d'utilisation

+

Notes d'utilisation

-

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

+

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

-

Exemples

+

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é.

-

HTML

+

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.

-
<table>
-  <caption>Une légende pour un tableau</caption>
-  <tr>
-    <td>Bip bop bip bop</td>
-    <td>Bop bip bop bip</td>
-  </tr>
-</table>
-
- -

CSS

- -
caption {
-  caption-side: top;
-  align: right;
-}
-table {
-  border-collapse: collapse;
-  border-spacing: 0px;
-}
-table, th, td {
-  border: 1px solid black;
-}
-
- -

Résultat

- -

{{EmbedLiveSample("Exemples","200","200")}}

- -

Résumé technique

+

Exemple

- - - - - - - - - - - - - - - - - - - - - - - - - - - -
Catégories de contenuAucune.
Contenu autoriséCatégorie 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.
Éléments parents autorisésUn élément {{HTMLElement("table")}} dont il doit être le premier descendant.
Rôles ARIA autorisésAucun.
Interface DOM{{domxref("HTMLTableCaptionElement")}}
+

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

-

Spécifications

- - - - - - - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('HTML WHATWG', 'tabular-data.html#the-caption-element', '<caption>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'tabular-data.html#the-caption-element', '<caption>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/tables.html#h-11.2.2', '<caption>')}}{{Spec2('HTML4.01')}} 
- -

Compatibilité des navigateurs

- - +

HTML

-

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

- -

Voir aussi

+
<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>
+ + + +

Résultat

+ +

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

+ +

Spécifications

+ +

{{Specifications}}

+ +

Compatibilité des navigateurs

+ +

{{Compat}}

+ +

Voir aussi

+
  • Les propriétés CSS particulièrement utiles pour styliser l'élément <caption> : + +
    • + -- cgit v1.2.3-54-g00ecf