フレージングコンテンツ（Phrasing Content）は、Webページ内のテキストやインライン要素を表すために使用されるHTMLカテゴリーです。これらの要素は、テキストのスタイル、リンク、強調表示など、テキストコンテンツの構造と表示に関連する役割を果たします。※MDNでは、「記述コンテンツ」と表記されています。

以下の画像のフレージングの部分に該当します。

フレージングコンテンツに分類されるタグ一覧

• abbr … 略語や頭字語を表すために使用されます。
• audio … オーディオコンテンツをHTML文書に埋め込むために使用されます。
• b … テキストの重要性を強調するために使用されます。
• bdo … テキストの読み方向を指定するために使用されます。
• br … 改行を挿入するために使用されます。
• button … フォームやドキュメントでクリック可能なボタンを生成します。
• canvas … グラフィックスやアニメーションを描画するための領域を提供します。
• cite … 作品のタイトルや参照先を示すために使用されます。
• code … コンピューターコードの一部を表すために使用されます。
• command … 非推奨
• data … コンテンツと機械可読な値を関連付けるために使用されます。
• datalist … <input> 要素のための予測可能な値のリストを提供します。
• dfn … 用語の定義を表すために使用されます。
• em … 強調テキストを表すために使用されます。
• embed … 外部コンテンツ（例えば、ビデオや画像）をHTML文書に埋め込むために使用されます。
• i … 斜体テキストを表すために使用されます。
• iframe … 別のHTMLページを現在のページに埋め込むために使用されます。
• img … 画像をHTML文書に表示するために使用されます。
• input … ユーザーからのデータ入力を受け取るためのさまざまなタイプのフォーム要素を生成します。
• kbd … キーボード入力を表すために使用されます。
• label … フォーム要素にラベルを付けるために使用されます。
• mark … 強調表示されたテキストを表すために使用されます。
• math … 数学的式や記号を表示するために使用されます。
• meter … スカラー測定値の範囲を表すために使用されます。
• noscript … スクリプトが無効な場合に表示されるテキストを提供します。
• object … 外部リソース（例えば、画像、ビデオ、プラグインコンテンツ）をHTML文書に埋め込むために使用されます。
• output … フォームの計算結果を表示するために使用されます。
• picture … 条件に応じた画像ソースを提供するために使用されます。
• progress … 進行中のタスクの進捗を表すために使用されます。
• q … 短い引用文を表すために使用されます。
• ruby … ルビテキスト（例えば、漢字の読み方）を表すために使用されます。
• samp … コンピュータープログラムのサンプル出力を表すために使用されます。
• script … スクリプト（例えば、JavaScript）を含むために使用されます。
• select … ドロップダウンリストやオプションメニューを作成するために使用されます。
• small … 小さいテキストを表すために使用されます。
• span … インライン要素のグループ化を行うために使用されます。
• strong … 強い重要性を持つテキストを表すために使用されます。
• sub … 下付き文字を表すために使用されます。
• sup … 上付き文字を表すために使用されます。
• svg … スケーラブルベクターグラフィックスを表示するために使用されます。
• textarea … 複数行のテキスト入力フィールドを生成するために使用されます。
• time … 日付や時刻を表すために使用されます。
• u … 下線付きテキストを表すために使用されます。
• var … 変数や式を表すために使用されます。
• video … ビデオコンテンツをHTML文書に埋め込むために使用されます。
• wbr … 改行可能な場所を表すために使用されます。

特定の場合を満たせば以下もフレージングコンテンツ含まれます。

• a … ハイパーリンク（リンク）を作成するための要素。記述コンテンツだけを含む場合に、フレージングコンテンツに分類されます。
• area … <map> 要素内で使用され、イメージマップの領域を定義する要素。<map> 要素の子孫である場合に、フレージングコンテンツに分類されます。
• del … 記述コンテンツだけを含む場合に、フレージングコンテンツに分類されます。
• ins … 記述コンテンツだけを含む場合に、フレージングコンテンツに分類されます。
• link(itemprop 属性がある場合) …
• map … イメージマップを定義するためのコンテナ要素です。この要素内で<area>要素を使用して、クリック可能な領域を指定します。記述コンテンツだけを含む場合に、フレージングコンテンツに分類されます。
• meta … ウェブページのメタ情報を提供するための要素。itemprop 属性がある場合に、フレージングコンテンツに分類されます。

<a href="https://example.com">このリンクは記述コンテンツだけを含む</a>

※使用頻度の多いタグに絞り、補足を入れています。

まとめ

フレージングコンテンツは、テキストとその装飾、リンク、ボタン、画像など、Webページ上でテキストコンテンツを制御し、表示するために重要な役割を果たします。これらの要素はWebページを魅力的にし、情報を分かりやすく伝えるのに必要不可欠です。

コンテンツモデルとは？HTML入れ子ルールを実例も含め解説

コンテンツカテゴリーの仲間

参考サイト