files/fr/web/html/element/blink/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88

---
title: '<blink> : l''élément de texte clignotant'
slug: Web/HTML/Element/blink
tags:
  - Blink
  - Element
  - HTML
  - Deprecated
  - Reference
  - Web
translation_of: Web/HTML/Element/blink
browser-compat: html.elements.blink
---
<div>{{HTMLRef}}</div>

<div class="warning">
  <p><strong>Attention :</strong> Cette fonctionnalité a été supprimée des standards du Web. Bien que quelques navigateurs puissent encore la supporter, elle est en cours d'éradication. Ne l'utilisez ni dans d'anciens projets, ni dans de nouveaux. Les pages et applications Web l'utilisant peuvent cesser de fonctionner à tout moment.</p>
</div>

<p>L'élément HTML <strong><code>&lt;blink&gt;</code></strong> (N.D.T le verbe <i>blink</i> signifie « clignoter ») est un élément non-standard faisant clignoter le texte qu'il contient.</p>

<div class="warning">
  <p><strong>Attention :</strong> Ne pas utiliser cet élément qui n'est pas standard et qui est obsolète. Le clignotement de texte est contraire à la plupart des standards d'accessibilité, la spécification CSS permet donc aux navigateurs d'ignorer la valeur <code>blink</code>.</p>
</div>

<h2 id="dom_interface">Interface DOM</h2>

<p>Cet élément n'est pas pris en charge et implémente donc l'interface <a href="/fr/docs/Web/API/HTMLUnknownElement"><code>HTMLUnknownElement</code></a>.</p>

<h2 id="example">Exemple</h2>

<pre class="brush:html">&lt;blink&gt;Why would somebody use this?&lt;/blink&gt;</pre>

<h3 id="result_toned_down">Résultat (atténué !)</h3>

<p><img src="htmlblinkelement.gif"></p>

<h2 id="specifications">Spécifications</h2>

<p>Cet élément est non-standard et n'appartient à aucune spécification. Pour vérifier, <a href="https://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#non-conforming-features">voir la spécification HTML</a>.</p>

<h2 id="css_polyfill">Prothèse CSS (<em>polyfill</em>)</h2>

<p>Si vous avez réellement besoin de cette fonctionnalité, vous pouvez utiliser le code CSS suivant qui fonctionne à partir d'IE10.</p>

<pre class="brush: css">blink {
  -webkit-animation: 2s linear infinite condemed_blink_effect; // pour Safari 4.0-8.0
  animation: 2s linear infinite condemed_blink_effect;
}
@-webkit-keyframes condemed_blink_effect { // pour Safari 4.0-8.0
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes condemed_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}</pre>

<h2 id="specifications">Spécifications</h2>

<p>{{Specifications}}</p>

<h2 id="browser_compatibility">Compatibilité des navigateurs</h2>

<p>{{Compat}}</p>

<h2 id="see_also">Voir aussi</h2>

<ul>
  <li><a href="http://www.montulli.org/theoriginofthe%3Cblink%3Etag">Histoire autour de la création de l'élément <code>&lt;blink&gt;</code></a></li>
  <li><a href="/fr/docs/Web/CSS/text-decoration"><code>text-decoration</code></a> qui possède une valeur pour le clignotement, bien que les navigateurs ne soient pas obligés de restituer cet effet</li>
  <li><a href="/fr/docs/Web/HTML/Element/marquee"><code>&lt;marquee&gt;</code></a>, un autre élément non-standard similaire</li>
  <li><a href="/fr/docs/Web/CSS/CSS_Animations/Using_CSS_animations">Les animations CSS</a> sont la meilleure façon d'obtenir un tel effet</li>
</ul>