項 目 | 説 明 |
---|---|
記述形式 | <wbr> |
対応ブラウザー | e2+ / N2+ / Ch1+ / Sa3+ |
種 類 (カテゴリー) |
フロー・コンテンツ,フレージング・コンテンツ |
置ける場所 | フレージング・コンテンツが記入できる場所 |
内包要素 (コンテンツ・モデル) |
空 (コンテンツ・モデル: 空) |
<wbr> は,Word BReak の略で,改行してもよい位置を指定します。
日本語の文章は基本的に「文字」が表示の単位となっていますので,表示領域の幅に合わせてどこでも改行できます。 しかし,例えば英文などでは,表記の単位が「単語(word)」となっているため,改行位置は単語と単語の間,すなわち,半角スペースや "-"(ハイフン)がはいっているところに限定されます。 wbr要素は,そのような通常改行されない範囲内の改行してもよい個所を指示するために使用します。
もともと,Netscape Navigator の独自仕様でしたが,HTML5 では新たに採用されました。
種 類 | 名 称 |
---|---|
【固有属性】 | なし |
【グローバル属性】 | accesskey,class,contenteditable *,
dir, hidden *,id, lang,spellcheck *,style, tabindex,title,translate * |
【ARIA role属性】 で 指定可能な値 (役割) |
任意の値 (役割) |
【ARIA aria-* 属性】 で 指定可能なもの |
ARIA グローバル状態とプロパティ, 指定可能な役割の任意の状態とプロパティ |
種 類 | 名 称 |
---|---|
【よく使うもの】 |
HTMLソース | |
---|---|
HTML <body> ~ </body> |
<div> あいうえお<wbr>かきくけこ<wbr>さしすせそ<wbr>たちつてと </div> <br> <div> http://www.tohoho-web.com/<wbr>html.htm </div> |
ブラウザー 表示例 (未対応ブラウザーではうまく表示できません) |
---|
あいうえお
http://www.tohoho-web.com/ |