diff options
author | julieng <julien.gattelier@gmail.com> | 2021-10-13 07:13:08 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-11-07 11:56:53 +0100 |
commit | dea9d1f019d9e14357c58cf18653df1ac779d9d8 (patch) | |
tree | d20318111821d4e935a6c53409240078c4f687e5 /files/fr/web/html/attributes/elementtiming/index.md | |
parent | 8829a7c9eb82f180bac76ed5836aaef95be209a1 (diff) | |
download | translated-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.md | 63 |
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><img></code></a>, <a href="/fr/docs/Web/SVG/Element/image"><code><image></code></a> à l'intérieur d'un <a href="/fr/docs/Web/SVG/Element/svg"><code><svg></code></a>, aux vignettes des éléments <a href="/fr/docs/Web/HTML/Element/video"><code><video></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><p>)</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"><img alt="alt" src="img.jpg" elementtiming="étiquette pour l'élément"></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"><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"> + elementtiming="Image principale"> -<p elementtiming="important-text">Quelques informations importantes.</p"></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) |