改行を許可する位置を指定するには？
wbrタグの書式
wbrタグに対応しているブラウザ
※Windows 7上で動作確認を行っています。
※ブラウザの設定より、異なる挙動をする場合があります。
wbrタグの属性一覧
wbrタグの解説
<wbr>タグは、改行を許可する位置を指定するための要素です。
英語などの言語では、スペースやピリオドが区切りとなるため、長い英単語があると不本意な位置で改行され文章のバランスが悪くなることがあります。そうした状況を回避する際に使用します。
日本語はどこで改行されてもたいてい問題ないと言えます。それ以外でも<wbr>を指定することでテキストを読みやすくすることができます。
<wbr>には終了タグがありません。<wbr>を記述する際、開始タグのみを記述します。
wbrタグのサンプルソース1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル1</title>
</head>
<body>
<header>
<h1>円周率とは</h1>
<p>円周率は円周の長さと円の直径の比です。</p>
</header>
<section>
<h2>円周率の値</h2>
<p>円周率の値は 3.14159<wbr>26535<wbr>89793<wbr>23846<wbr>26433<wbr>83279<wbr>50288<wbr>…
と計算されています。</p>
</section>
<footer>
<p><small>無断転載を禁止します。</small></p>
</footer>
</body>
</html>
wbrタグのサンプル画面1
wbrタグのサンプルソース2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル2</title>
</head>
<body>
<header>
<h1>世界一長い名前の湖</h1>
</header>
<p>世界で一番長い名前の湖はアメリカ東部にあるChargoggagogg<wbr>manchauggagogg<wbr>chaubunagungamauggです。</p>
<p>日本語で「チャーゴグガゴグ・マンチャウグガゴグ・チャウバナガンガマウグ」と読みます。</p>
<footer>
<p><small>無断転載を禁止します。</small></p>
</footer>
</body>
</html>
wbrタグのサンプル画面2
wbrタグの関連項目
