aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/html/attributes/elementtiming
diff options
context:
space:
mode:
authortristantheb <tristantheb@users.noreply.github.com>2021-06-06 11:44:55 +0200
committerGitHub <noreply@github.com>2021-06-06 11:44:55 +0200
commit6f85683973762f84f6d99211b3b6158059e16f5a (patch)
tree19dbf2006709d2841b8535fd3c0d6390edc2643b /files/fr/web/html/attributes/elementtiming
parent6781d84b8a98f4c28efebaf7ed15d0666083ef11 (diff)
downloadtranslated-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.html65
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>&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>
+
+<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">&lt;img alt="alt" src="img.jpg" elementtiming="étiquette pour l'élément"&gt;</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">&lt;img alt="Alt pour l'image principale d'un article de blog"
+ src="my-massive-image.jpg"
+ elementtiming="Image principale"&gt;
+
+&lt;p elementtiming="important-text"&gt;Quelques informations importantes.&lt;/p"&gt;</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>