aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/html/element/embed
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-10-13 07:13:08 +0200
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-11-07 11:56:53 +0100
commitdea9d1f019d9e14357c58cf18653df1ac779d9d8 (patch)
treed20318111821d4e935a6c53409240078c4f687e5 /files/fr/web/html/element/embed
parent8829a7c9eb82f180bac76ed5836aaef95be209a1 (diff)
downloadtranslated-content-dea9d1f019d9e14357c58cf18653df1ac779d9d8.tar.gz
translated-content-dea9d1f019d9e14357c58cf18653df1ac779d9d8.tar.bz2
translated-content-dea9d1f019d9e14357c58cf18653df1ac779d9d8.zip
convert content to md
Diffstat (limited to 'files/fr/web/html/element/embed')
-rw-r--r--files/fr/web/html/element/embed/index.md124
1 files changed, 84 insertions, 40 deletions
diff --git a/files/fr/web/html/element/embed/index.md b/files/fr/web/html/element/embed/index.md
index 6f8281163c..cde6a9f0dd 100644
--- a/files/fr/web/html/element/embed/index.md
+++ b/files/fr/web/html/element/embed/index.md
@@ -15,23 +15,47 @@ tags:
translation_of: Web/HTML/Element/embed
browser-compat: html.elements.embed
---
-<div>{{HTMLRef}}</div>
+{{HTMLRef}}
-<p>L'élément HTML <strong><code>&lt;embed&gt;</code></strong> permet d'intégrer du contenu externe à cet endroit dans le document. Le contenu peut être fourni par une application externe ou une autre source telle qu'un <i>plugin</i> du navigateur.</p>
+L'élément HTML **`<embed>`** permet d'intégrer du contenu externe à cet endroit dans le document. Le contenu peut être fourni par une application externe ou une autre source telle qu'un _plugin_ du navigateur.
-<div>{{EmbedInteractiveExample("pages/tabbed/embed.html", "tabbed-standard")}}</div>
+{{EmbedInteractiveExample("pages/tabbed/embed.html", "tabbed-standard")}}
-<div class="note">
- <p><strong>Note :</strong>Cet article ne traite que de l'élément faisant partie du HTML5. Il ne concerne pas la version précédente et non normalisée de cet élément.</p>
-</div>
+> **Note :**Cet article ne traite que de l'élément faisant partie du HTML5. Il ne concerne pas la version précédente et non normalisée de cet élément.
-<p>Il faut garder à l'esprit que la plupart des navigateurs ont déprécié voire retiré la prise en charge des plugins. Aussi, mieux vaut ne pas utiliser sur <code>&lt;embed&gt;</code> si on souhaite qu'un site ou une application soit fonctionnelle sur un navigateur moyen.</p>
+Il faut garder à l'esprit que la plupart des navigateurs ont déprécié voire retiré la prise en charge des plugins. Aussi, mieux vaut ne pas utiliser sur `<embed>` si on souhaite qu'un site ou une application soit fonctionnelle sur un navigateur moyen.
<table class="properties">
<tbody>
<tr>
- <th scope="row"><a href="/fr/docs/Web/Guide/HTML/Content_categories" title="HTML/Content_categories">Catégories de contenu</a></th>
- <td><a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content" title="HTML/Content categories#Flow content">Contenu de flux</a>, <a href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content" title="HTML/Content categories#phrasing_content">contenu phrasé</a>, <a href="/fr/docs/Web/Guide/HTML/Content_categories#embedded_content">contenu intégré</a>, <a href="/fr/docs/Web/Guide/HTML/Content_categories#interactive_content">contenu interactif</a>, <a href="/fr/docs/Web/Guide/HTML/Content_categories#palpable_content">contenu tangible</a>.</td>
+ <th scope="row">
+ <a
+ href="/fr/docs/Web/Guide/HTML/Content_categories"
+ title="HTML/Content_categories"
+ >Catégories de contenu</a
+ >
+ </th>
+ <td>
+ <a
+ href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content"
+ title="HTML/Content categories#Flow content"
+ >Contenu de flux</a
+ >,
+ <a
+ href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content"
+ title="HTML/Content categories#phrasing_content"
+ >contenu phrasé</a
+ >,
+ <a href="/fr/docs/Web/Guide/HTML/Content_categories#embedded_content"
+ >contenu intégré</a
+ >,
+ <a href="/fr/docs/Web/Guide/HTML/Content_categories#interactive_content"
+ >contenu interactif</a
+ >,
+ <a href="/fr/docs/Web/Guide/HTML/Content_categories#palpable_content"
+ >contenu tangible</a
+ >.
+ </td>
</tr>
<tr>
<th scope="row">Contenu autorisé</th>
@@ -39,7 +63,10 @@ browser-compat: html.elements.embed
</tr>
<tr>
<th scope="row">Omission de balises</th>
- <td>Cet élément doit avoir une balise ouvrante mais ne doit pas avoir de balise fermante.</td>
+ <td>
+ Cet élément doit avoir une balise ouvrante mais ne doit pas avoir de
+ balise fermante.
+ </td>
</tr>
<tr>
<th scope="row">Parents autorisés</th>
@@ -47,57 +74,74 @@ browser-compat: html.elements.embed
</tr>
<tr>
<th scope="row">Rôle ARIA implicite</th>
- <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">Pas de rôle correspondant</a></td>
+ <td>
+ <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
+ >Pas de rôle correspondant</a
+ >
+ </td>
</tr>
<tr>
<th scope="row">Rôles ARIA autorisés</th>
- <td><a href="https://w3c.github.io/aria/#application"><code>application</code></a>, <a href="https://w3c.github.io/aria/#document"><code>document</code></a>, <a href="https://w3c.github.io/aria/#img"><code>img</code></a>, <a href="https://w3c.github.io/aria/#none"><code>none</code></a>, <a href="https://w3c.github.io/aria/#presentation"><code>presentation</code></a></td>
+ <td>
+ <a href="https://w3c.github.io/aria/#application"
+ ><code>application</code></a
+ >,
+ <a href="https://w3c.github.io/aria/#document"><code>document</code></a
+ >, <a href="https://w3c.github.io/aria/#img"><code>img</code></a
+ >, <a href="https://w3c.github.io/aria/#none"><code>none</code></a
+ >,
+ <a href="https://w3c.github.io/aria/#presentation"
+ ><code>presentation</code></a
+ >
+ </td>
</tr>
<tr>
<th scope="row">Interface DOM</th>
- <td><a href="/fr/docs/Web/API/HTMLEmbedElement"><code>HTMLEmbedElement</code></a></td>
+ <td>
+ <a href="/fr/docs/Web/API/HTMLEmbedElement"
+ ><code>HTMLEmbedElement</code></a
+ >
+ </td>
</tr>
</tbody>
</table>
-<h2 id="attributes">Attributs</h2>
+## Attributs
-<p>Cet élément possède <a href="/fr/docs/Web/HTML/Global_attributes">les attributs universels</a>.</p>
+Cet élément possède [les attributs universels](/fr/docs/Web/HTML/Global_attributes).
-<dl>
- <dt><code>height</code></dt>
- <dd>La hauteur utilisée pour l'affichage de la ressource, exprimée en <a href="https://drafts.csswg.org/css-values/#px">pixels CSS</a>. La valeur est absolue, les pourcentages ne sont pas autorisés.</dd>
- <dt><code>src</code></dt>
- <dd>L'URL de la ressource à intégrer.</dd>
- <dt><code>type</code></dt>
- <dd>Le type MIME à utiliser pour sélectionner le plugin à instancier.</dd>
- <dt><code>width</code></dt>
- <dd>La largeur utilisée pour l'affichage de la ressource, exprimée en <a href="https://drafts.csswg.org/css-values/#px">pixels CSS</a>. La valeur est absolue, les pourcentages ne sont pas autorisés.</dd>
-</dl>
+- `height`
+ - : La hauteur utilisée pour l'affichage de la ressource, exprimée en [pixels CSS](https://drafts.csswg.org/css-values/#px). La valeur est absolue, les pourcentages ne sont pas autorisés.
+- `src`
+ - : L'URL de la ressource à intégrer.
+- `type`
+ - : Le type MIME à utiliser pour sélectionner le plugin à instancier.
+- `width`
+ - : La largeur utilisée pour l'affichage de la ressource, exprimée en [pixels CSS](https://drafts.csswg.org/css-values/#px). La valeur est absolue, les pourcentages ne sont pas autorisés.
-<h2 id="usage_notes">Notes d'utilisation</h2>
+## Notes d'utilisation
-<p>Il est possible d'utiliser la propriété CSS <a href="/fr/docs/Web/CSS/object-position"><code>object-position</code></a> afin d'ajuster la position de l'objet embarqué au sein de la <em>frame</em> et la propriété CSS <a href="/fr/docs/Web/CSS/object-fit"><code>object-fit</code></a> afin de contrôler la façon dont la taille de l'objet est ajustée par rapport à celle de la <em>frame</em>.</p>
+Il est possible d'utiliser la propriété CSS [`object-position`](/fr/docs/Web/CSS/object-position) afin d'ajuster la position de l'objet embarqué au sein de la _frame_ et la propriété CSS [`object-fit`](/fr/docs/Web/CSS/object-fit) afin de contrôler la façon dont la taille de l'objet est ajustée par rapport à celle de la _frame_.
-<h2 id="examples">Exemple</h2>
+## Exemple
-<pre class="brush: html">&lt;embed type="video/quicktime" src="film.mov" width="640" height="480" title="Titre de ma vidéo"&gt;</pre>
+```html
+<embed type="video/quicktime" src="film.mov" width="640" height="480" title="Titre de ma vidéo">
+```
-<h2 id="accessibility_concerns">Accessibilité</h2>
+## Accessibilité
-<p>Utilisez l'attribut <a href="/fr/docs/Web/HTML/Global_attributes/title"><code>title</code></a> sur un élément <code>embed</code> pour étiqueter son contenu afin que les personnes naviguant avec une technologie d'assistance telle qu'un lecteur d'écran puissent comprendre ce qu'il contient. La valeur du titre doit décrire de manière concise le contenu intégré. Sans titre, il se peut qu'elles ne soient pas en mesure de déterminer quel est son contenu intégré. Ce changement de contexte peut être source de confusion et de perte de temps, en particulier si l'élément <code>embed</code> contient du contenu interactif comme de la vidéo ou de l'audio.</p>
+Utilisez l'attribut [`title`](/fr/docs/Web/HTML/Global_attributes/title) sur un élément `embed` pour étiqueter son contenu afin que les personnes naviguant avec une technologie d'assistance telle qu'un lecteur d'écran puissent comprendre ce qu'il contient. La valeur du titre doit décrire de manière concise le contenu intégré. Sans titre, il se peut qu'elles ne soient pas en mesure de déterminer quel est son contenu intégré. Ce changement de contexte peut être source de confusion et de perte de temps, en particulier si l'élément `embed` contient du contenu interactif comme de la vidéo ou de l'audio.
-<h2 id="specifications">Spécifications</h2>
+## Spécifications
-<p>{{Specifications}}</p>
+{{Specifications}}
-<h2 id="browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat}}</p>
+{{Compat}}
-<h2 id="see_also">Voir aussi</h2>
+## Voir aussi
-<ul>
- <li>D'autres éléments sont utilisés pour intégrer du contenu de différents types, notamment <a href="/fr/docs/Web/HTML/Element/audio"><code>&lt;audio&gt;</code></a>, <a href="/fr/docs/Web/HTML/Element/canvas"><code>&lt;canvas&gt;</code></a>, <a href="/fr/docs/Web/HTML/Element/iframe"><code>&lt;iframe&gt;</code></a>, <a href="/fr/docs/Web/HTML/Element/Img"><code>&lt;img&gt;</code></a>, <a href="/fr/docs/Web/MathML/Element/math"><code>&lt;math&gt;</code></a>, <a href="/fr/docs/Web/HTML/Element/object"><code>&lt;object&gt;</code></a>, <a href="/fr/docs/Web/SVG/Element/svg"><code>&lt;svg&gt;</code></a>, and <a href="/fr/docs/Web/HTML/Element/video"><code>&lt;video&gt;</code></a>.</li>
- <li>Positionnement et dimensionnement du contenu intégré dans son cadre : <a href="/fr/docs/Web/CSS/object-position"><code>object-position</code></a> and <a href="/fr/docs/Web/CSS/object-fit"><code>object-fit</code></a></li>
-</ul>
+- D'autres éléments sont utilisés pour intégrer du contenu de différents types, notamment [`<audio>`](/fr/docs/Web/HTML/Element/audio), [`<canvas>`](/fr/docs/Web/HTML/Element/canvas), [`<iframe>`](/fr/docs/Web/HTML/Element/iframe), [`<img>`](/fr/docs/Web/HTML/Element/Img), [`<math>`](/fr/docs/Web/MathML/Element/math), [`<object>`](/fr/docs/Web/HTML/Element/object), [`<svg>`](/fr/docs/Web/SVG/Element/svg), and [`<video>`](/fr/docs/Web/HTML/Element/video).
+- Positionnement et dimensionnement du contenu intégré dans son cadre : [`object-position`](/fr/docs/Web/CSS/object-position) and [`object-fit`](/fr/docs/Web/CSS/object-fit)