HTML5のテキストレベルセマンティクス~その1~
素人が書く備忘録
基本的には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 - リファラの送信
タグの記載場所
・フレージングコンテンツを配置できる場所