aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/html/attributes/elementtiming/index.md
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/attributes/elementtiming/index.md
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/attributes/elementtiming/index.md')
-rw-r--r--files/fr/web/html/attributes/elementtiming/index.md63
1 files changed, 26 insertions, 37 deletions
diff --git a/files/fr/web/html/attributes/elementtiming/index.md b/files/fr/web/html/attributes/elementtiming/index.md
index 36cf4b9628..d98ff151a0 100644
--- a/files/fr/web/html/attributes/elementtiming/index.md
+++ b/files/fr/web/html/attributes/elementtiming/index.md
@@ -10,56 +10,45 @@ tags:
- Reference
translation_of: Web/HTML/Attributes/elementtiming
---
-<p>{{HTMLSidebar}}</p>
+{{HTMLSidebar}}
-<p>L'attribut <strong><code>elementtiming</code></strong> est utilisé pour indiquer qu'un élément est marqué pour le suivi par l'API <a href="/fr/docs/Web/API/Element_timing_API">Element Timing</a>. Cet attribut peut être appliqué aux éléments <a href="/fr/docs/Web/HTML/Element/Img"><code>&lt;img&gt;</code></a>, <a href="/fr/docs/Web/SVG/Element/image"><code>&lt;image&gt;</code></a> à l'intérieur d'un <a href="/fr/docs/Web/SVG/Element/svg"><code>&lt;svg&gt;</code></a>, aux vignettes des éléments <a href="/fr/docs/Web/HTML/Element/video"><code>&lt;video&gt;</code></a>, aux éléments qui ont un <a href="/fr/docs/Web/CSS/background-image"><code>background-image</code></a> et aux éléments contenant des noeuds de texte, comme un <a href="/fr/docs/Web/HTML/Element/p">paragraphe (<code>&lt;p&gt;)</code></a>.</p>
+L'attribut **`elementtiming`** est utilisé pour indiquer qu'un élément est marqué pour le suivi par l'API [Element Timing](/fr/docs/Web/API/Element_timing_API). Cet attribut peut être appliqué aux éléments [`<img>`](/fr/docs/Web/HTML/Element/Img), [`<image>`](/fr/docs/Web/SVG/Element/image) à l'intérieur d'un [`<svg>`](/fr/docs/Web/SVG/Element/svg), aux vignettes des éléments [`<video>`](/fr/docs/Web/HTML/Element/video), aux éléments qui ont un [`background-image`](/fr/docs/Web/CSS/background-image) et aux éléments contenant des noeuds de texte, comme un [paragraphe (`<p>)`](/fr/docs/Web/HTML/Element/p).
-<h2 id="usage">Utilisation</h2>
+## Utilisation
-<p>La valeur donnée pour <code>elementtiming</code> devient un identifiant pour l'élément observé.</p>
+La valeur donnée pour `elementtiming` devient un identifiant pour l'élément observé.
-<pre class="brush: html">&lt;img alt="alt" src="img.jpg" elementtiming="étiquette pour l'élément"&gt;</pre>
+```html
+<img alt="alt" src="img.jpg" elementtiming="étiquette pour l'élément">
+```
-<p>De bons candidats pour les éléments que vous pourriez vouloir observer sont :</p>
+De bons candidats pour les éléments que vous pourriez vouloir observer sont :
-<ul>
- <li>L'image principale d'un article.</li>
- <li>Le titre d'un article de blog.</li>
- <li>Les images dans un carrousel pour un site d'achat.</li>
- <li>L'image de l'affiche de la vidéo principale d'une page.</li>
-</ul>
+- L'image principale d'un article.
+- Le titre d'un article de blog.
+- Les images dans un carrousel pour un site d'achat.
+- L'image de l'affiche de la vidéo principale d'une page.
-<h2 id="examples">Exemples</h2>
+## Exemples
-<pre class="brush: html">&lt;img alt="Alt pour l'image principale d'un article de blog"
+```html
+<img alt="Alt pour l'image principale d'un article de blog"
src="my-massive-image.jpg"
- elementtiming="Image principale"&gt;
+ elementtiming="Image principale">
-&lt;p elementtiming="important-text"&gt;Quelques informations importantes.&lt;/p"&gt;</pre>
+<p elementtiming="important-text">Quelques informations importantes.</p">
+```
-<h2 id="specifications">Spécifications</h2>
+## Spécifications
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('Element Timing API', '#sec-modifications-DOM', 'elementtiming')}}</td>
- <td>{{Spec2('Element Timing API')}}</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut |
+| -------------------------------------------------------------------------------------------------------- | ---------------------------------------- |
+| {{SpecName('Element Timing API', '#sec-modifications-DOM', 'elementtiming')}} | {{Spec2('Element Timing API')}} |
-<h2 id="browser_compatibility">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("html.elements.attribute.elementtiming")}}</p>
+{{Compat("html.elements.attribute.elementtiming")}}
-<h2 id="see_also">Voir aussi</h2>
+## Voir aussi
-<ul>
- <li><a href="https://web.dev/custom-metrics/">Métriques personnalisées</a> <small>(en anglais)</small></li>
-</ul>
+- [Métriques personnalisées](https://web.dev/custom-metrics/) (en anglais)