HTML5のテキストレベルセマンティクス～その１～

素人が書く備忘録
基本的にはHTML 5.2を元に記載。

テキストレベルセマンティクス関連

テキストのマークアップに用いるタグ

a要素

a要素がhref属性を持っている場合、ハイパーリンクを表す。
a要素がhref属性を持っていない場合、プレースホルダーを表し、target、download、rel、rev、hreflang、type、およびreferrerpolicy属性を省略しなければならない。

<nav>
<ul>
<li><a href="https://XXXXXXXX">XXX</a></li>
<li><a href="https://YYYYYYYY">YYY</a></li>
<li><a>ZZZ</a></li>
</ul>
</nav>

カテゴリ
・フローコンテンツ
・フレージングコンテンツ
・href属性がある場合、インタラクティブコンテンツ
・プルパブルコンテンツ

コンテンツモデル
・トランスペアレント(インタラクティブコンテンツとaタグを除く)

コンテンツ属性
・グローバル属性
・href - ハイパーリンクアドレス
・target - ブラウジングコンテキスト
・download - ダウンロードするように指定。ダウンロード時のファイル名も指定できる。
・rel - 現在のドキュメントとリンク先リソースとの関係を表す
・rev - リンク先リソースから見た現在のドキュメントとの関係を表す
・hreflang - リンク先言語
・type - 参照先リソースのMIMEタイプ
・referrerpolicy - リファラの送信

タグの記載場所
・フレージングコンテンツを配置できる場所