From 8829a7c9eb82f180bac76ed5836aaef95be209a1 Mon Sep 17 00:00:00 2001 From: julieng Date: Wed, 13 Oct 2021 07:12:55 +0200 Subject: move *.html to *.md --- files/fr/web/html/element/figure/index.html | 149 ---------------------------- files/fr/web/html/element/figure/index.md | 149 ++++++++++++++++++++++++++++ 2 files changed, 149 insertions(+), 149 deletions(-) delete mode 100644 files/fr/web/html/element/figure/index.html create mode 100644 files/fr/web/html/element/figure/index.md (limited to 'files/fr/web/html/element/figure') diff --git a/files/fr/web/html/element/figure/index.html b/files/fr/web/html/element/figure/index.html deleted file mode 100644 index 9c53dbb174..0000000000 --- a/files/fr/web/html/element/figure/index.html +++ /dev/null @@ -1,149 +0,0 @@ ---- -title: '
: l''élément de figure avec légende facultative' -slug: Web/HTML/Element/figure -tags: - - Element - - HTML - - HTML grouping content - - Information - - Presentation - - Reference - - figure -translation_of: Web/HTML/Element/figure -browser-compat: html.elements.figure ---- -
{{HTMLRef}}
- -

L'élément HTML <figure> représente un contenu autonome, éventuellement accompagné d'une légende facultative, qui est spécifiée à l'aide de l'élément <figcaption>. La figure, sa légende et son contenu sont référencés comme une seule unité.

- -
{{EmbedInteractiveExample("pages/tabbed/figure.html","tabbed-shorter")}}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Catégories de contenuContenu de flux, racine de sectionnement, contenu tangible.
Contenu autoriséUn élément <figcaption> suivi d'un contenu de flux ou du contenu de flux suivi d'un élément <figcaption> ou du contenu de flux.
Omission de balisesAucune, la balise ouvrante et la balise fermante sont toutes les deux obligatoires.
Parents autorisésTout élément qui accepte du contenu de flux.
Rôle ARIA implicitefigure
Rôles ARIA autorisésSans descendant <figcaption> descendant : n'importe quel rôle, sinon aucun rôle autorisé.
Interface DOMHTMLElement
- -

Attributs

- -

Cet élément prend uniquement en charge les attributs universels.

- -

Notes d'utilisation

- - - -

Exemples

- -

Images

- -
<!-- Une simple image -->
-<figure>
-  <img
-  src="https://developer.mozilla.org/static/img/favicon144.png"
-  alt="Le logo de MDN.">
-</figure>
-
-<!-- Une image avec une légende -->
-<figure>
-  <img
-  src="https://developer.mozilla.org/static/img/favicon144.png"
-  alt="Le logo de MDN.">
-  <figcaption>Logo MDN</figcaption>
-</figure>
- -
{{EmbedLiveSample("images", "100%", 400)}}
- -

Extrait de code

- -
<figure>
-  <figcaption>Obtenir les détails du navigateur</figcaption>
-  <pre>
-    function NavigatorExample(){
-      let txt;
-      txt = "Nom de code: " + navigator.appCodeName;
-      txt += "Nom du navigateur : " + navigator.appName;
-      txt += "Version : " + navigator.appVersion ;
-      txt += "Cookies activés : " + navigator.cookieEnabled;
-      txt += "Plate-forme: " + navigator.platform;
-      txt += "En-tête d'agent utilisateur : " + navigator.userAgent;
-      console.log("NavigatorExample", txt);
-    }
-  </pre>
-</figure>
- -
{{EmbedLiveSample("code_snippets", "100%", 250)}}
- -

Citation

- -
<figure>
-  <figcaption>
-    <cite>Edsger Dijkstra : </cite>
-  </figcaption>
-  <p>« Si le débogage correspond au retrait de bogues,
-    alors la programmation correspond à l'ajout de bogues. »
-  </p>
-</figure>
- -
{{EmbedLiveSample("quotations","", 150)}}
- -

Poème

- -
<figure>
-  <p style="white-space:pre">
-    Bid me discourse, I will enchant thine ear,
-      Or like a fairy trip upon the green,
-    Or, like a nymph, with long dishevell'd hair,
-      Dance on the sands, and yet no footing seen:
-    Love is a spirit all compact of fire,
-      Not gross to sink, but light, and will aspire.
-  </p>
-  <figcaption><cite>Venus and Adonis</cite>.
-    By: William Shakespeare</figcaption>
-</figure>
- -
{{EmbedLiveSample("poems", "100%", 260)}}
- -

Spécifications

- -

{{Specifications}}

- -

Compatibilité des navigateurs

- -

{{Compat}}

- -

Voir aussi

- - diff --git a/files/fr/web/html/element/figure/index.md b/files/fr/web/html/element/figure/index.md new file mode 100644 index 0000000000..9c53dbb174 --- /dev/null +++ b/files/fr/web/html/element/figure/index.md @@ -0,0 +1,149 @@ +--- +title: '
: l''élément de figure avec légende facultative' +slug: Web/HTML/Element/figure +tags: + - Element + - HTML + - HTML grouping content + - Information + - Presentation + - Reference + - figure +translation_of: Web/HTML/Element/figure +browser-compat: html.elements.figure +--- +
{{HTMLRef}}
+ +

L'élément HTML <figure> représente un contenu autonome, éventuellement accompagné d'une légende facultative, qui est spécifiée à l'aide de l'élément <figcaption>. La figure, sa légende et son contenu sont référencés comme une seule unité.

+ +
{{EmbedInteractiveExample("pages/tabbed/figure.html","tabbed-shorter")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuContenu de flux, racine de sectionnement, contenu tangible.
Contenu autoriséUn élément <figcaption> suivi d'un contenu de flux ou du contenu de flux suivi d'un élément <figcaption> ou du contenu de flux.
Omission de balisesAucune, la balise ouvrante et la balise fermante sont toutes les deux obligatoires.
Parents autorisésTout élément qui accepte du contenu de flux.
Rôle ARIA implicitefigure
Rôles ARIA autorisésSans descendant <figcaption> descendant : n'importe quel rôle, sinon aucun rôle autorisé.
Interface DOMHTMLElement
+ +

Attributs

+ +

Cet élément prend uniquement en charge les attributs universels.

+ +

Notes d'utilisation

+ +
    +
  • Généralement, un élément <figure> est utilisé pour une image, une illustration, un diagramme, un fragment de code ou autre qui est référencé depuis le flux principal du document. Toutefois, cet élément peut être déplacé vers une autre partie du document ou en annexe sans que cela ait un impact sur le flux principal.
    • +
  • <figure> est une racine de sectionnement, son contenu est donc exclu du plan général du document.
    • +
  • Une légende peut être associée avec l'élément <figure> en insérant un élément <figcaption> à l'intérieur (en premier ou dernier élément enfant). C'est le premier élément <figcaption> qui sera trouvé dans la figure qui sera affiché comme légende.
    • +
+ +

Exemples

+ +

Images

+ +
<!-- Une simple image -->
+<figure>
+  <img
+  src="https://developer.mozilla.org/static/img/favicon144.png"
+  alt="Le logo de MDN.">
+</figure>
+
+<!-- Une image avec une légende -->
+<figure>
+  <img
+  src="https://developer.mozilla.org/static/img/favicon144.png"
+  alt="Le logo de MDN.">
+  <figcaption>Logo MDN</figcaption>
+</figure>
+ +
{{EmbedLiveSample("images", "100%", 400)}}
+ +

Extrait de code

+ +
<figure>
+  <figcaption>Obtenir les détails du navigateur</figcaption>
+  <pre>
+    function NavigatorExample(){
+      let txt;
+      txt = "Nom de code: " + navigator.appCodeName;
+      txt += "Nom du navigateur : " + navigator.appName;
+      txt += "Version : " + navigator.appVersion ;
+      txt += "Cookies activés : " + navigator.cookieEnabled;
+      txt += "Plate-forme: " + navigator.platform;
+      txt += "En-tête d'agent utilisateur : " + navigator.userAgent;
+      console.log("NavigatorExample", txt);
+    }
+  </pre>
+</figure>
+ +
{{EmbedLiveSample("code_snippets", "100%", 250)}}
+ +

Citation

+ +
<figure>
+  <figcaption>
+    <cite>Edsger Dijkstra : </cite>
+  </figcaption>
+  <p>« Si le débogage correspond au retrait de bogues,
+    alors la programmation correspond à l'ajout de bogues. »
+  </p>
+</figure>
+ +
{{EmbedLiveSample("quotations","", 150)}}
+ +

Poème

+ +
<figure>
+  <p style="white-space:pre">
+    Bid me discourse, I will enchant thine ear,
+      Or like a fairy trip upon the green,
+    Or, like a nymph, with long dishevell'd hair,
+      Dance on the sands, and yet no footing seen:
+    Love is a spirit all compact of fire,
+      Not gross to sink, but light, and will aspire.
+  </p>
+  <figcaption><cite>Venus and Adonis</cite>.
+    By: William Shakespeare</figcaption>
+</figure>
+ +
{{EmbedLiveSample("poems", "100%", 260)}}
+ +

Spécifications

+ +

{{Specifications}}

+ +

Compatibilité des navigateurs

+ +

{{Compat}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf