HTML5 <wbr>
<wbr>タグは、改行しても良い位置を示す際に使用します。
wbr要素の内容は、その前後のテキストの一部とは見なされません。
例えば、「アグリゲイティバクター・アクチノミセテムコミタンス」という言葉が長いからといって、 「アグリゲイティバクター・<wbr>アクチノミセテムコミタンス」のように指定してしまうと、 改行の前後がそれぞれ別の言葉として解釈されてしまうかもしれません。
■HTML4.01からHTML5へのバージョンアップによる変更点
<wbr>は、もともとはNetscape Navigator独自の要素で、 HTML4.01の仕様には取り入れられていませんが、すでに一部のブラウザでサポートされています。 HTML5では、標準仕様として採用されています。
■使用例
<p>
<b>wbr要素なしの場合</b><br>
SheSellsSeaShellsByTheSeashore.TheShellsSheSellsAreSurelySeashells.SoIfSheSellsShellsOnTheSeashore,I'mSureSheSellsSeashoreShells.
</p>
<p>
<b>wbr要素ありの場合</b><br>
She<wbr>Sells<wbr>Sea<wbr>Shells<wbr>By<wbr>The<wbr>Seashore.<wbr>The<wbr>Shells<wbr>She<wbr>Sells<wbr>Are<wbr>Surely<wbr>Seashells.<wbr>So<wbr>If<wbr>She<wbr>Sells<wbr>Shells<wbr>On<wbr>The<wbr>Seashore,<wbr>I'm<wbr>Sure<wbr>She<wbr>Sells<wbr>Seashore<wbr>Shells.
</p>
<p>
<b>ちなみに意味は…</b><br>
彼女は海岸の近くで海の貝殻を売っている。彼女が売っている貝殻はきっと海の貝殻だ。もし彼女が海岸で貝殻を売っているなら、彼女は海岸の貝殻を売っているに違いない。
</p>
<b>wbr要素なしの場合</b><br>
SheSellsSeaShellsByTheSeashore.TheShellsSheSellsAreSurelySeashells.SoIfSheSellsShellsOnTheSeashore,I'mSureSheSellsSeashoreShells.
</p>
<p>
<b>wbr要素ありの場合</b><br>
She<wbr>Sells<wbr>Sea<wbr>Shells<wbr>By<wbr>The<wbr>Seashore.<wbr>The<wbr>Shells<wbr>She<wbr>Sells<wbr>Are<wbr>Surely<wbr>Seashells.<wbr>So<wbr>If<wbr>She<wbr>Sells<wbr>Shells<wbr>On<wbr>The<wbr>Seashore,<wbr>I'm<wbr>Sure<wbr>She<wbr>Sells<wbr>Seashore<wbr>Shells.
</p>
<p>
<b>ちなみに意味は…</b><br>
彼女は海岸の近くで海の貝殻を売っている。彼女が売っている貝殻はきっと海の貝殻だ。もし彼女が海岸で貝殻を売っているなら、彼女は海岸の貝殻を売っているに違いない。
</p>
↓↓↓
ブラウザ上の表示
wbr要素なしの場合
SheSellsSeaShellsByTheSeashore.TheShellsSheSellsAreSurelySeashells.SoIfSheSellsShellsOnTheSeashore,I'mSureSheSellsSeashoreShells.
wbr要素ありの場合
She
ちなみに意味は…
彼女は海岸の近くで海の貝殻を売っている。彼女が売っている貝殻はきっと海の貝殻だ。もし彼女が海岸で貝殻を売っているなら、彼女は海岸の貝殻を売っているに違いない。
