←
慈愛結ノ宮縁側だより

サイト制作

smallは文字を小さくするだけのタグ?注記の意味と読みやすさを考える

慈愛妃きづな

2026-11-10

この記事には広告・アフィリエイトリンクが含まれます。

ノートパソコンのキーボード
ノートパソコンのキーボード。内容を説明するためのイメージ写真。写真:yoshipon2/写真AC。長辺1800px以内へ縮小・JPEG保存。 / ノートパソコンのキーボード / yoshipon2 / 写真AC 利用規約(商用利用可) · 画像出典 · 写真AC 利用規約(商用利用可)

smallは著作権表示などの注記を表します。見た目を小さくしたい本文へ一律に使うものではありません。大切な条件を読みにくくしないことも、公開前に確かめましょう。

小さい文字に見えることと、注記であることは別

ページの末尾にある著作権表示や補足の注意書きは、本文に付随する情報として扱われます。HTMLのsmallは、このような注記を示す要素です。通常は文字が一段階小さく表示されますが、意味は文字サイズだけではありません。

本文を狭い箱へ押し込むため、段落全体を何でもsmallで囲む使い方は見直したいところです。サイズを変えたいだけなら、CSSのfont-sizeで調整できます。

パソコン横でノートに書き込む手
パソコン横でノートに書き込む手。内容を説明するためのイメージ写真。写真:PH_BRICK/写真AC。長辺1800px以内へ縮小・JPEG保存。 / 本とノートパソコンの横で書く手元 / PH_BRICK / 写真AC 利用規約(商用利用可) · 画像出典 · 写真AC 利用規約(商用利用可)

補足でも、読めなくてよいわけではありません

注記には、利用条件など読者が判断するために必要な情報が入ることもあります。smallを使うことと、読者が気づけないほど小さくすることは同じではありません。背景との色の差や行間、スマートフォンでの読みやすさも確認しましょう。

内容の重要性を明示したい言葉にはstrongという選択肢もあります。ただし太字にしたいからstrong、細字にしたいからsmallという見た目だけの選択ではなく、内容の役割から決めることが基本です。

公開前は、本文の次に注記を読み直す

本文を読み終わったあと、注記を読まないと条件を誤解しないかを確認します。判断に直結する情報なら、本文にもわかる位置で説明する方法を考えましょう。

私は、補足は隠す場所ではなく、本文を正確に受け取ってもらう助けだと思います。見出しや大きな写真を整えたあとこそ、小さな文字まで読めるかを確かめたいですね。

読み物の一覧へ

慈愛妃きづなについて・記事の編集方針

あわせて読みたい関連記事

記事一覧へ