The HTML </blink> tag is a non-standard element of HTML that helps to flash or gently a text or set of text in a web browser; as you all might know, Blink html.
Table of Contents
Blink tag is HTML:blink html
The HTML `<blink>` tag is a non-standard element in HTML that helps flash or slowly blink a piece of text or a text set in a web browser. As you all know, “blink” means turning any light on and off in a regular pattern or within a certain time interval. Typically, text blinking is not used because continuously flashing text can be annoying for users or viewers.
The support for this tag has been deprecated, but some browsers still support the blink feature. For example, the blink feature is supported by Netscape version 5.0. It is advised not to use the `<blink>` tag because if the browser does not support it, your page may break. Alternatively, web developers can use CSS with JavaScript to create a blink effect on text.
In general, this tag was used to create fancy text effects on a webpage. Additionally, it was used to attract the attention of viewers by offering special offers or displaying information and directions.
Like other HTML tags, this is a container tag, and all text written within this tag will have a blink effect.
Syntax:
<blink> Here is your text that has to blink. </blink>
Here is a complete HTML script showing the working of Blink:
Example:
<!DOCTYPE HTML>
<html>
<head>
<title> Here is an example of Blink Element of HTML </title>
<style>
blink {
color: red;
font-size: 15px;
font-weight: bold;
}
</style>
</head>
<body>
<h1> About HTML BLINK Tag</h1>
<blink> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</blink>
<p> See the effect above </p>
</body>
</html>
You also have an option to enable the Blink feature, where the browser will not support the blink element. Use the CSS animation property (animation: blink 2s infinite;). Now, you need to ensure that styles have been applied to all text sections you’ve used in HTML, such as <P>, <SPAN>, <DIV>, etc., and are functional. Nowadays, it is a common approach to use styles and embed text decoration with the blink value. Adding the SPAN tag with it is considered a proper solution because it doesn’t add any additional structure to your text.
Use javascript of blink
JavaScript can also become an excellent alternative to the HTML blink tag. Here is a code snippet showing its usage.
Example:
<!DOCTYPE html>
<html>
<head>
<title> Blinking feature using JavaScript </title>
<style>
#blink {
font-size: 20px;
font-weight: bold;
color: #2d38be;
transition: 0.5s;
}
</style>
</head>
<body>
<p id="blink"> This is an example of blinking text using JS. </p>
<script type="text/javascript">
var blink = document.getElementById('blink');
setInterval(function() {
blink.style.opacity = (blink.style.opacity == 0 ? 1 : 0);
}, 1500);
</script>
</body>
</html>
Use CSS of blink
It is easiest to make blinking text using CSS. It has the @keyframes rule, which changes the current style to a new one in a specific time frame and repeats it.
Example:
<!DOCTYPE html>
<html>
<head>
<title>Blinking feature using CSS</title>
<style>
.blink {
animation: blinker 2.5s linear infinite;
color: yed;
font-family: sans-serif;
}
@keyframes blinker {
60% {
opacity: 0;
}
}
</style>
</head>
<body>
<p class="blink"> This is an example of blinking text using CSS. </p>
</body>
</html>