HTML5 wbrの組込み

HTML5からwbrタグが追加された。但しIE9は未サポートであった。このタグは改行してもよい位置をブラウザに示すものであるが、英語と違って日本語は単語内で改行してもよいので必要性はあまりない。

次のソースコードで試した。

<p style="width: 550px; height: 100px; border-style: solid; border-width: 1px;">映画「メリー・ポピンズ」の中で歌われている曲のタイトルの中には「Super<wbr>califragilistic<wbr>expialidocious」という長い1つの単語になっているものがある。</p>

実行結果(IEではwbrで囲まれた範囲で改行されない)

映画「メリー・ポピンズ」の中で歌われている曲のタイトルの中には「Supercalifragilisticexpialidocious」という長い1つの単語になっているものがある。