広告
このページでは、HTML5のwbr要素を解説しています。
wbr要素の最新情報は、以下を参照してください。
<wbr>タグは、改行しても良い位置を示す際に使用します。
wbr要素の内容は、その前後のテキストの一部とは見なされません。
例えば、「アグリゲイティバクター・アクチノミセテムコミタンス」という言葉が長いからといって、
「アグリゲイティバクター・<wbr>アクチノミセテムコミタンス」のように指定してしまうと、
改行の前後がそれぞれ別の言葉として解釈されてしまうかもしれません。
<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>
↓↓↓
wbr要素なしの場合
SheSellsSeaShellsByTheSeashore.TheShellsSheSellsAreSurelySeashells.SoIfSheSellsShellsOnTheSeashore,I'mSureSheSellsSeashoreShells.
wbr要素ありの場合
SheSellsSeaShellsByTheSeashore.TheShellsSheSellsAreSurelySeashells.SoIfSheSellsShellsOnTheSeashore,I'mSureSheSellsSeashoreShells.
ちなみに意味は…
彼女は海岸の近くで海の貝殻を売っている。彼女が売っている貝殻はきっと海の貝殻だ。もし彼女が海岸で貝殻を売っているなら、彼女は海岸の貝殻を売っているに違いない。
広告