免責・警告・著作権などの注釈や細目を表すsmallタグ【HTML】

最終更新日:

公開日:2024-07-12

記事内に広告が含まれています。
免責・警告・著作権などの注釈や細目を表すsmallタグ【HTML】

smallタグは、以前はテキストを小さくする要素でしたが、HTML5から免責・警告・著作権などの注釈や細目などを表すテキストに対してのタグとなります。
インライン要素として扱われ、一般的にはコピーライトや注釈表示などで使用される事が多い印象です。

smallタグの使い方

「免責・警告・著作権などの注釈や細目などを表す」といっても分かり難いので、smallタグを使用する例としていくつかご紹介いたします。

<!-- コピーライトでの使用 -->
<footer>
  <p><small>© 2024 CDG</small></p>
</footer>

<!-- 注釈としての使用 -->
<p>お申し込みのお客様に100ポイントプレゼント!<small>※3日間限定となります。</small></p>

<!-- 料金表示での使用 -->
<dl>
  <dt>Aプラン</dt>
  <dd>1,000円<small>(税込)</small></dd>
</dl>

© 2024 CDG

お申し込みのお客様に100ポイントプレゼント!※3日間限定となります。

Aプラン 1,000円(税込)

上記のような使用ができますが、正直コピーライトでしかあまり使用されない印象です。
他に使用したとしても注釈ぐらいかなと個人的には思っています。

smallタグを使用する際の注意点

使用例でのようにsmallタグを使用した箇所は文字が小さくなります。
単に文字を小さくしたい場合はspanタグなどを使用し、smallタグは使用するべきではありません

さいごに

いかがでしたでしょうか。
smallタグのようにHTML5から使用方法が変更になっているタグがいくつかあります。使用方法を間違えないよう確認しておきましょう。

おすすめ記事

当ブログ運営者 ヒデ

北海道札幌市在住のフリーランスでWeb制作を行っているヒデです。Webコーディング(HTML・CSS・JSなど)やWordpressのカスタマイズ等のテクニック、困った時に確認できる分かりやすい解説を目標にして情報を発信していければと思っています。

当サイトに関するご意見・ご感想・ご要望または仕事のご依頼は以下のフォームよりお願い致します。

お問い合わせ お仕事のご依頼
PAGE TOP