HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLのblinkタグでテキストを点滅させる方法と代替手段

HTMLには、テキストを囲むことでその文字を点滅表示させる<blink>タグが存在しました。タグで囲まれた部分のテキストは、対応するブラウザ上で点滅して表示されます。

以下のコードを実行すると、<blink>タグの動作を確認できます。

注意

この要素は廃止（非推奨）されているため、使用しないでください。現在の主要なブラウザでは動作せず、代わりにCSSアニメーションを使用することが推奨されています。

サンプルコード

<!DOCTYPE html>
<html>
   <head>
      <title>HTML blink Tag</title>
   </head>
   <body>
      <blink>This text will blink in Netscape Version 5.0</blink>
   </body>
</html>

現代的な代替方法：CSSアニメーション

<blink>タグはNetscape Navigator向けの独自拡張であり、HTML標準からは削除されました。同様の点滅効果を実現したい場合は、以下のようにCSSのanimationプロパティを使う方法が一般的です。

<!DOCTYPE html>
<html>
<head>
<style>
.blink {
  animation: blink-animation 1s steps(1) infinite;
}
@keyframes blink-animation {
  50% { opacity: 0; }
}
</style>
</head>
<body>
   <p class="blink">このテキストはCSSで点滅します。</p>
</body>
</html>

この方法であれば、すべてのモダンブラウザで一貫した点滅効果を実現でき、点滅速度やパターンも自由にカスタマイズできます。

  1. HTMLのbigタグとは？使い方とサンプルコードを解説

    HTMLの<big>要素は、デフォルトのフォントサイズよりも大きなテキストを表示するために使用される要素です。 注意：<big>要素はHTML5ではサポートされていません。現在は非推奨となっており、同様の表示を実現したい場合は、CSSのfont-sizeプロパティを使用することが推奨されています。 使用例 それでは、実際に<big>要素をHTMLで実装した例を見てみましょう。 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> &l

  2. HTMLのdlタグとは？記述リストの作成方法をサンプルコード付きで解説

    HTMLのdlタグとは HTMLの<dl>要素は、記述リスト（description list）を定義するために使用されるタグです。HTML5では<dl>は「記述リスト」を表しますが、HTML4では「定義リスト（definition list）」として扱われていました。この違いを理解しておくと、より適切なマークアップができるようになります。 記述リストは、用語とその説明をセットで表示したい場合に便利な要素で、用語集、FAQ、メタデータの表示など、さまざまな場面で活用できます。 dlタグの基本構造 <dl>タグは、以下の2つの要素と組み合わせて使用します。