HTML | 非推奨・廃止となっているfontタグの代替案

2023-10-06HTML 廃止・非推奨,HTML

HTMLで既に非推奨・廃止となっている<font>タグの代替案とサンプルコードを紹介しています。

HTMLで

<font>タグはHTML4.01で非推奨、HTML5で廃止となっています。

文字色を変更する<font color="red">や文字サイズを変更する<font size="20">といった使われ方をしていましたが、その代替案について紹介します。

CSSの「style」属性が適用できるようになってからは、テキスト要素も同様に「style」属性を使って指定していきます。

HTMLのタグ内に記述する場合は以下のようになり、文字色は「color」プロパティ、文字サイズは「font-size」プロパティを利用します。

<p style="color:red;">文字は赤色です。</p>
<p style="font-size:20px;">文字は20pxです。</p>

以下は上記HTMLコードを実際に配置しています。

文字は赤色です。

文字は20pxです。

もし、単語単位など部分的に変更を加えたい場合は、基本的には<span>タグを用いて範囲内にスタイルを適用します。

<p>文字は<span style="color:red;">赤色</span>です。</p>
<p>文字は<span style="font-size:20px;">20px</span>です。</p>

以下は上記HTMLコードを実際に配置しています。

文字は赤色です。

文字は20pxです。

<font>タグは既に廃止済みとなっている古いタグですが、ブラウザは2023年の現状でも、機能するものが多いと思います。
しかし、将来的な不具合の原因や、SEOへの悪影響となりますので古いページは修正しておく事が大事です。