< 戻る

単語の改行要素 <wbr>

単語の改行要素は、単語ごとの改行の機会(word break opportunity)を表す。

日本語などを含む文章では、想定通りに動作しない場合がある。

公式サイト：HTML Standard - WHATWG#4.5.28 The wbr element

参考：<wbr> - HTML: HyperText Markup Language | MDN

目次
  1. ソースコードの例
  2. 言葉ごとの改行の機会要素 <wbr>が持つコンテンツ属性
  3. KnotTextでのHTML要素の分類

1. ソースコードの例

<!DOCTYPE html>
<html>
   <head>
   </head>
   <body>
      <p>HTML要素の一覧</p>
      <p><wbr>&lt;!DOCTYPE html&gt;<wbr>&lt;head&gt;<wbr>&lt;meta&gt;<wbr>&lt;title&gt;<wbr>&lt;base&gt;<wbr>&lt;link&gt;<wbr>&lt;style&gt;<wbr>&lt;h1~6&gt;<wbr>&lt;p&gt;<wbr>&lt;hr&gt;<wbr>&lt;br&gt;<wbr>&lt;wbr&gt;...</p>
   </body>
</html>
HTML要素の一覧
<!DOCTYPE html><head><meta><title><base><link><style><h1~6><p><hr><br><wbr>...

2. 言葉ごとの改行の機会要素 <wbr>が持つコンテンツ属性

参考：<wbr> - HTML: HyperText Markup Language | MDN#属性

3. KnotTextでのHTML要素の分類

参考：HTML elements reference - HTML | MDN

文書についての情報

見出しと文章

話題の区切りと文章の折返し

ソースコード

引用

言葉の定義

スタイリングのためのコンテナ

ブロックレベルのボックス

特殊なブロックレベルの構造（リスト形式）

特殊なブロックレベルの構造（テーブル形式）

特殊なブロックレベルの構造（フォーム形式）

特殊なブロックレベルの構造（インタラクティブ形式）

インラインレベルのテキスト

特殊なインラインレベルの構造（ルビ）

特殊なインラインレベルの構造（上付き・下付き）

特殊なインラインレベルの構造（左読み・右読み）

外部メディア

画像

スクリプト(Web API)

コメント