diff options
author | tristantheb <tristantheb@users.noreply.github.com> | 2021-06-06 11:44:55 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-06-06 11:44:55 +0200 |
commit | 6f85683973762f84f6d99211b3b6158059e16f5a (patch) | |
tree | 19dbf2006709d2841b8535fd3c0d6390edc2643b /files/fr/web/html/attributes/elementtiming | |
parent | 6781d84b8a98f4c28efebaf7ed15d0666083ef11 (diff) | |
download | translated-content-6f85683973762f84f6d99211b3b6158059e16f5a.tar.gz translated-content-6f85683973762f84f6d99211b3b6158059e16f5a.tar.bz2 translated-content-6f85683973762f84f6d99211b3b6158059e16f5a.zip |
UPDATE: Update translation of the HTML attributes (#706)
* UPDATE: Refresh of the index page and remove KS
* L10N: Translation of the accept attributes
* UPDATE: Refresh of the autocomplete attribute
* L10N: Translation of the capture attribute
* Revert accept with BCD (but table not exist)
* UPDATE: Refresh the crossorigin attribute
* L10N: Translation of the disabled attribute
* L10N: Translation of the elementtiming attribute
* L10N: Translation of the for attribute
* L10N: Translation of the max attribute
* L10N: Translation of the maxlength attribute
* L10N: Translation of the min attribute
* FIX: Add missing summary
* L10N: Translation of the minlength attribute
* L10N: Translation of the multiple attribute
* UPDATE: Refresh the pattern attribute
* L10N: Translation of the readonly attribute
* L10N: Translation of the rel attribute
* L10N: Translation of the required attribute
* L10N: Translation of the size attribute
* L10N: Translation of the step attribute
* Review - attr accept
* Typo live sample
* Review - capture
* Review - autocomplete
* Review - crossorigin
* Review disabled
* Review elementtiming
* Review - for
* Review max
* Review - maxlength
* Review min
* Review minlength
* Review multiple
* Review pattern
* Review readonly
* Review rel
* Review required
* Review size
* Review step
* Review attributes index
Co-authored-by: julieng <julien.gattelier@gmail.com>
Diffstat (limited to 'files/fr/web/html/attributes/elementtiming')
-rw-r--r-- | files/fr/web/html/attributes/elementtiming/index.html | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/files/fr/web/html/attributes/elementtiming/index.html b/files/fr/web/html/attributes/elementtiming/index.html new file mode 100644 index 0000000000..8335ba0ed6 --- /dev/null +++ b/files/fr/web/html/attributes/elementtiming/index.html @@ -0,0 +1,65 @@ +--- +title: 'Attribut HTML : elementtiming' +slug: Web/HTML/Attributes/elementtiming +tags: + - Attribute + - Attributes + - HTML + - elementtiming + - Performance + - Reference +translation_of: Web/HTML/Attributes/elementtiming +--- +<p>{{HTMLSidebar}}</p> + +<p class="summary">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> + +<h2 id="usage">Utilisation</h2> + +<p>La valeur donnée pour <code>elementtiming</code> devient un identifiant pour l'élément observé.</p> + +<pre class="brush: html"><img alt="alt" src="img.jpg" elementtiming="étiquette pour l'élément"></pre> + +<p>De bons candidats pour les éléments que vous pourriez vouloir observer sont :</p> + +<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> + +<h2 id="examples">Exemples</h2> + +<pre class="brush: html"><img alt="Alt pour l'image principale d'un article de blog" + src="my-massive-image.jpg" + elementtiming="Image principale"> + +<p elementtiming="important-text">Quelques informations importantes.</p"></pre> + +<h2 id="specifications">Spécifications</h2> + +<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> + +<h2 id="browser_compatibility">Compatibilité des navigateurs</h2> + +<p>{{Compat("html.elements.attribute.elementtiming")}}</p> + +<h2 id="see_also">Voir aussi</h2> + +<ul> + <li><a href="https://web.dev/custom-metrics/">Métriques personnalisées</a> <small>(en anglais)</small></li> +</ul> |