目次に戻る

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

概要

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

  wbr {display-outside: break-opportunity;}

注記：このようなCSSを定義している仕様は存在してない模様。

意味・用法

改行の機会を表す。

私見・補足

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

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

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

長い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/