HTML

The HTML <big> element makes text render larger, but it is obsolete in modern HTML; use CSS for sizing and choose semantic elements for meaning.

big

<big> は文字を「1段階だけ大きく見せる」ための見た目専用の要素ですが、現在のHTMLでは非推奨（obsolete）なので、実務では使わず CSS でサイズ指定に置き換えるのが基本です。

このページでできるようになること

まずは直感：<big> って何？

ざっくり言うと、<big> は「この部分だけ文字を大きく表示してね」という見た目の指定です。

正確な定義（仕様に沿った説明）

何のために存在したか

<big> は、CSSが一般化する前の時代に、文中の一部を「少し大きく」見せるためのプレゼンテーション要素として使われていました。

現在の位置づけ（重要）

現在のHTMLでは <big> は非推奨（obsolete）の扱いです。多くのブラウザは互換のために表示自体はしますが、新規のHTMLとしては使わないのが前提です。

できること / できないこと（制約）

できること
  • 文字を「少し大きく」表示する（見た目の変化）
  • インライン要素として文中で使える
できないこと（重要）
  • 強調や重要度などの意味を付ける（支援技術に重要度が伝わるわけではない）
  • タイポグラフィの設計を一貫させる（サイト全体のスケールは CSS の役割）
  • 将来の保守で「なぜ大きいのか」をコードから読み取れるようにする（意図が残りにくい）

影響範囲（レイアウト/描画/ユーザー操作/アクセシビリティ）

レイアウト
文字が大きくなる分、行高や折り返し位置が変わることがあります（狭幅で崩れやすい）。
描画
既定のスタイル（ユーザーエージェントスタイル）に依存します。表示結果を統一したいならCSSで指定します。
ユーザー操作
操作の機能は持ちません。
アクセシビリティ
見た目だけの強調は、スクリーンリーダー利用者に「重要」などの意味が伝わりません。重要度を伝えたいなら <strong> や構造（見出し）で表現します。

基本の書き方（ただし非推奨）

<big> は非推奨なので、ここは「読めるようにする」ための最小例として扱います（新規実装では次の「代替」を使います）。

最小サンプル（コピペ用）

HTML

<p>通常の文。<big>ここだけ少し大きい</big>。</p>

デモ：<big> と CSS の違い

<big>（非推奨：見た目だけ）

通常の文。ここだけ少し大きい。続きの文。

通常の文。Big は意味を増やしません。

互換のため表示はされやすいですが、新規HTMLとしては使いません。

CSSで代替（推奨：意図をクラス名に残す）

通常の文。ここだけ少し大きい。続きの文。

通常の文。重要なら strong（意味＋見た目）。

見た目はCSS、意味はHTML（strong・見出しなど）で表現します。

実務での使いどころ（どう置き換える？）

結論：目的を3つに分けて選ぶ

目的：文中の一部を少し目立たせたい（重要ではない）
<span class="uBig"> + font-size（見た目をCSSに逃がす）
目的：重要度を上げたい（意味として強調したい）
<strong>（必要ならCSSで見た目も調整）
目的：その段落の見出し・構造として大事
<h1>〜<h6> や <dt> など、適切な構造の要素（見出しレベルは文書構造で判断）

よくある事故／症状 早見表

症状：なぜかデザインが揃わない
原因候補：<big> の既定スタイルが環境差で揺れる。回避：<big> をやめて CSS の font-size に寄せる。
症状：大きくしている理由が追えない
原因候補：プレゼン要素に「意図」が残らない。回避：クラス名に意図を残す（例：.lead、.uBig）。
症状：読み上げ上は重要に聞こえない
原因候補：見た目だけの強調。回避：重要度を伝えたいなら <strong>、構造なら見出しを使う。

試験で問われやすいポイント（HTML5プロ レベル1）

まとめ：迷ったときの判断軸（短いチェックリスト）