HTML5タグ虎の巻

wbrタグ

HTML5

wbrは、改行を許可する位置を明示するタグです。

解説

ブラウザは英単語の途中では改行しないので、アルファベットの長い文字列だと枠をはみ出しても改行されずに表示されてしまいます。
こういった場合に改行してもよい場所をwbrタグで明示することで、適切に改行してくれるようになります。

コンテンツ・モデル

カテゴリー
(自カテゴリ)
フロー・コンテンツ
フレージング・コンテンツ
コンテキスト
(親カテゴリ)
フレージング・コンテンツを許可する場所
コンテンツ・モデル
(子カテゴリ)
なし

属性

属性はありません。

サンプル

wbrタグを使わない例

abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyzが1つの単語と判断されて、枠をはみ出しても改行されません。

wbrタグを使う例

abcdefg<wbr>hijklmn<wbr>opqrstu<wbr>vwxyz
abcdefghijklmnopqrstuvwxyz

枠をはみ出す時は、wbrタグの箇所で適時改行されます。

備考

  • wbrは「word break」の略です。
  • wbrは、HTML5から正式採用されたタグです。