HTML <blink>标记用于创建缓慢闪烁的闪烁文本。所有流行的浏览器都已经过时了,而某些浏览器从不支持它。该标签也从未被超文本mark-up语言标准化。
您可以使用CSS和JavaScript重新创建相同的视觉效果。 Internet使用指南强烈建议不要使用闪烁的文本,因为这可能会导致残疾用户出现问题。很少使用闪烁效果,因为用户观看永久闪烁的文本很烦人。
范例1:由于不推荐使用眨眼组件,因此该示例无法正常工作。为了引起眨眼的影响,请使用JavaScript强制执行的示例2。
<!DOCTYPE html>
<html>
<head>
<title>
Blinking text using HTML
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<blink>
Blink tag not working
in HTML
</blink>
</body>
</html>
输出:
Exampleb 2:本示例使用JavaScript创建闪烁效果。
<!DOCTYPE html>
<html>
<head>
<title>
Blinking with JavaScript
</title>
<style>
#blink {
font-size:20px;
font-weight:bold;
font-family:sans-serif;
}
</style>
</head>
<body>
<p id="blink">
Hello Geeks let's Blink
</p>
<script type="text/javascript">
var blink =
document.getElementById('blink');
setInterval(function () {
blink.style.opacity =
(blink.style.opacity == 0 ? 1:0);
}, 1000);
</script>
</body>
</html>
输出:
相关用法
- HTML <html>用法及代码示例
- HTML <section>用法及代码示例
- HTML Style用法及代码示例
- HTML <marquee>用法及代码示例
- HTML <noframes>用法及代码示例
- HTML <picture>用法及代码示例
- HTML <font>用法及代码示例
- HTML <hgroup>用法及代码示例
- HTML <q>用法及代码示例
- HTML Object用法及代码示例
- HTML Phrase用法及代码示例
- HTML <hr>用法及代码示例
- HTML <nav>用法及代码示例
- HTML <Meta>用法及代码示例
- HTML <optgroup>用法及代码示例
- HTML <frame>用法及代码示例
- HTML <main>用法及代码示例
注:本文由纯净天空筛选整理自yash41997大神的英文原创作品 HTML | <blink> Tag。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。