目次に戻る

wbr要素:HTML Living Standard各要素別メモ

概要

カテゴリー
配置できる場所
内容モデル
属性
HTML構文におけるタグの省略
  • Void elementなので、終了タグはなし。ただし、開始タグの末尾をスラッシュで閉じてもよい(/>)。
WAI-ARIA
  • すべてのroleが指定可能。
視覚系ブラウザデフォルトとして期待されるCSS

  wbr {
    display-outside: break-opportunity;
  }
  
意味・用法

改行の機会を表す。

私見・補足

改行してもよい場所を表す。

日本語では基本的にどこでも改行してかまわないので、あまり用はない。

単語の途中改行箇所が限定されてる欧米系言語などでも、ソフトハイフンを用いればよいので、あまり用はない。

長いURLの表記などでは、有効かもしれない。

表示確認

ソース

  <div>長いURLを適宜の位置で改行可能にしたもの。</div>
  <div>http://example.com/example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />example<wbr />/</div>
  
表示結果
長いURLを適宜の位置で改行可能にしたもの。
http://example.com/exampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexampleexample/

未対応ブラウザでは、折り返されずに一行表示となる。

IE11表示のスクリーンショット
IE11表示:wbr要素による適宜の改行がされず、URLが一行で表示されている

IE8からIE10も同様。