From dea9d1f019d9e14357c58cf18653df1ac779d9d8 Mon Sep 17 00:00:00 2001 From: julieng Date: Wed, 13 Oct 2021 07:13:08 +0200 Subject: convert content to md --- .../fr/web/html/attributes/elementtiming/index.md | 63 +++++++++------------- 1 file changed, 26 insertions(+), 37 deletions(-) (limited to 'files/fr/web/html/attributes/elementtiming/index.md') 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 --- -

{{HTMLSidebar}}

+{{HTMLSidebar}} -

L'attribut elementtiming est utilisé pour indiquer qu'un élément est marqué pour le suivi par l'API Element Timing. Cet attribut peut être appliqué aux éléments <img>, <image> à l'intérieur d'un <svg>, aux vignettes des éléments <video>, aux éléments qui ont un background-image et aux éléments contenant des noeuds de texte, comme un paragraphe (<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 [``](/fr/docs/Web/HTML/Element/Img), [``](/fr/docs/Web/SVG/Element/image) à l'intérieur d'un [``](/fr/docs/Web/SVG/Element/svg), aux vignettes des éléments [`

)`](/fr/docs/Web/HTML/Element/p). -

Utilisation

+## Utilisation -

La valeur donnée pour elementtiming devient un identifiant pour l'élément observé.

+La valeur donnée pour `elementtiming` devient un identifiant pour l'élément observé. -
<img alt="alt" src="img.jpg" elementtiming="étiquette pour l'élément">
+```html +alt +``` -

De bons candidats pour les éléments que vous pourriez vouloir observer sont :

+De bons candidats pour les éléments que vous pourriez vouloir observer sont : - +- 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. -

Exemples

+## Exemples -
<img alt="Alt pour l'image principale d'un article de blog"
+```html
+Alt pour l'image principale d'un article de blog
 
-<p elementtiming="important-text">Quelques informations importantes.</p">
+

Quelques informations importantes. +``` -

Spécifications

+## Spécifications - - - - - - - - - - - - - -
SpécificationStatut
{{SpecName('Element Timing API', '#sec-modifications-DOM', 'elementtiming')}}{{Spec2('Element Timing API')}}
+| Spécification | Statut | +| -------------------------------------------------------------------------------------------------------- | ---------------------------------------- | +| {{SpecName('Element Timing API', '#sec-modifications-DOM', 'elementtiming')}} | {{Spec2('Element Timing API')}} | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("html.elements.attribute.elementtiming")}}

+{{Compat("html.elements.attribute.elementtiming")}} -

Voir aussi

+## Voir aussi - +- [Métriques personnalisées](https://web.dev/custom-metrics/) (en anglais) -- cgit v1.2.3-54-g00ecf