<wbr>
<wbr> 要素はブラウザに改行してもよい位置を提案します。長い単語やURLの適切な折り返しに使用します。
概要
<wbr> 要素はブラウザに改行してもよい位置を提案します。長い単語やURLの適切な折り返しに使用します。
対応ブラウザ
デスクトップ
Chrome 1+
Edge 12+
Safari 4+
Firefox 1+
モバイル
Chrome Android 18+
Safari iOS 3.2+
Firefox Android 4+
基本構文
HTML
<p>https://example.com/<wbr>very/<wbr>long/<wbr>path/<wbr>to/<wbr>resource</p>
<p>Supercalifragilistic<wbr>expialidocious</p>実務での使いどころ
-
<wbr> の活用
改行可能位置を示す要素。長い単語やURLの折り返し位置を提案。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。