wbr要素[HTML5]

<wbr>…… 改行しても良い位置を示す

<wbr>タグは、改行しても良い位置を示す際に使用します。

wbr要素の内容は、その前後のテキストの一部とは見なされません。例えば、「アグリゲイティバクター・アクチノミセテムコミタンス」という言葉が長いからといって、「アグリゲイティバクター・<wbr>アクチノミセテムコミタンス」のように指定してしまうと、改行の前後がそれぞれ別の言葉として解釈されてしまうかもしれません。

■HTML4.01からHTML5へのバージョンアップによる変更点

<wbr>は、もともとはNetscape Navigator独自の要素で、HTML4.01の仕様には取り入れられていませんが、すでに一部のブラウザでサポートされています。HTML5では、標準仕様として採用される予定です。

■HTML5での使用例

[html]
<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>
[/html]

参考:http://www.htmq.com/html5/wbr.shtml

カテゴリー: HTML5, HTMLの基礎知識, ナレッジノート   パーマリンク