Contents
blink HTML: Main Tips
- The HTML blink tags used to make their content toggle its visibility on the screen (blink, or flash).
- Not only it’s obsolete in all modern browsers, some never supported it at all. This tag was also never standardized by HTML.
- You may recreate a similar visual effect using JavaScript.
- Most Internet usage guidelines strongly advise not to use blinking text, as it can cause problems for disabled users.
HTML blink Tag Explained
To make text blink, HTML required you to surround it in <blink> tags:
This element is <blink>deprecated</blink>.As the tag took no parameters, there was no way to manipulate the blinking frequency: it depended on the browser.
Alternatives for the blink Tag
As the HTML blink tag was never universally supported, the CSS text-decoration property was offered as an alternative option. However, according to the CSS specification, browsers may not necessarily blink the text it is applied to - and most of them actually don’t:
<span style="text-decoration: blink;">Under construction</span>If you really must make your text blink, HTML is not the way to go. You can use JavaScript - however, it won’t be as easy as using a single pair of tags:
var blink_speed = 500;
var t = setInterval(function () {
var ele = document.getElementById('blinker');
ele.style.visibility = (ele.style.visibility == 'hidden' ? '' : 'hidden');
}, blink_speed);End of blink: HTML Tag Deprecation
It seems HTML blink tag was doomed from the beginning. In 1996, a web usability expert Jakob Nielsen published an article called Top 10 Mistakes in Web Design, in which he called <blink> ‘simply evil.’ Even the tag creator Lou Montulli has publicly declared the idea of blink in HTML was supposed to be merely a joke, and he hated its implementation.
One of the reasons HTML blink tag received so much hate was simply overuse. Constantly flashing pages made the user experience terrible. Not only reading such text proved to be difficult, but the page design looks tacky and hard to look at.
The other and probably more important reason was defined in the User Agent Accessibility Guidelines, introduced by Word Wide Web Consortium (W3C). It states you should always leave a possibility to change animated or blinking text to static. US Federal Government's Section 508 advises avoiding screen flickering with a 2-55 Hz frequency as well.
All these guidelines are created having people with disabilities in mind. Users with photosensitive epilepsy might experience seizures when viewing flashing content, and the ones with cognitive problems may suffer as well.