HTML辞書ホームへ
HTML要素 辞書 by Sentaro

<small>

細目(Small)要素。著作権表示、免責事項、または二次的なコメントなど、細かな情報を表すために使用されます。

info

概要

<small> 要素は、著作権表示免責事項、またはその他の二次的な情報(補足、細目、警告など)を表現するために使用されます。
この要素で囲まれたテキストは、デフォルトのスタイルで一回り小さく表示されることが一般的ですが、その目的は単に文字を小さくすることではなく、セマンティクス(意味)を伝えることにあります。

play_circle

デモ (静的表示)

HTML (Source)
<p> 大事な情報 <small>法的免責事項: 詳細は利用規約をご確認ください。</small> </p> <footer> <small>&copy; 2025 HTML要素 辞書</small> </footer>
Preview (Result)

大事な情報 法的免責事項: 詳細は利用規約をご確認ください。

© 2025 HTML要素 辞書
list

属性 (Attributes)

属性名 説明
グローバル属性 全てのHTML要素で使用可能な属性(class, id, lang, styleなど)。要素特有の属性はありません。
code

実用例

1. 著作権表示(フッター内)

<footer> <p>サイトナビゲーションなど</p> <p> <small>&copy; 2025 Example Inc. All Rights Reserved.</small> </p> </footer>

2. 記事の補足情報

<p> この記事は、最新のデータに基づいて作成されました。 <small>(※2025年12月時点での情報です。)</small> </p>

3. フォームの注意書き

<form> <label for="email">メールアドレス</label> <input type="email" id="email"> <small>個人情報保護方針に同意の上、送信してください。</small> </form>
lightbulb

知っておくべき重要事項

format_size
視覚的表現とセマンティクス
文字のサイズを小さくすることだけが目的であれば、CSSを使用すべきです。<small> 要素は、そのコンテンツが二次的な重要性を持つ細目であることを意味的に示します。単に装飾目的で文字を小さくしたい場合は、CSSの font-size プロパティを使用してください。
accessibility_new
アクセシビリティ
スクリーンリーダーは、要素のセマンティクスに基づいてコンテンツを解釈します。<small> はコンテンツの重要性が低いことを示しますが、これは無視できるという意味ではありません。重要な注意書きや法的情報には、引き続き十分なコントラストと明確な表現を使用してください。
私について 利用規約 プライバシーポリシー