チョコパイを240こ食べたエンジニア

PHPエンジニアをやった後、現在はフロントエンドエンジニアに・・。好物は『チョコパイと焼き鳥』。Twitterは@chooringo(ちょうりんご)

HTML5のテキストレベルセマンティクス~その3~

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

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

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

cite要素

クリエイティブ作品への参照を表す。
作品のタイトル、作者の名前(個人、人、組織)、URL参照、または省略形の参照を含める必要がある。
クリエイティブ作品は、本、紙、エッセイ、詩、楽譜、歌、台本、映画、テレビ番組、ゲーム、彫刻、絵画、演劇、演劇、オペラ、ミュージカル、展覧会、訴訟報告書、コンピュータプログラム、ウェブサイト、ウェブページ、ブログの投稿またはコメント、フォーラムの投稿またはコメント、ツイート、書面または口頭による陳述など。

<p>おすすめのブログは<cite>チョコパイを240こ食べたエンジニア</cite>です。</p>

カテゴリ
・フローコンテンツ
・フレージングコンテンツ
・パルパブルコンテンツ

コンテンツモデル
・フレージングコンテンツ

コンテンツ属性
・グローバル属性

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

q要素

他の情報源から引用されたコンテンツを表す。
cite属性を指定した場合、サイトの引用の使用に関する統計を収集するサーバーサイドスクリプトのためのもので、見た目に影響はない。

<p>筆者の説明の箇所を引用すると、
    <q cite="http://chooringo.hatenablog.com/">青森から大都会に出てきてPHPエンジニアとして修行後</q>
になる</p>

カテゴリ
・フローコンテンツ
・フレージングコンテンツ
・パルパブルコンテンツ

コンテンツモデル
・フレージングコンテンツ

コンテンツ属性
・グローバル属性
・cite - 引用または編集の詳細情報のソースへのリンク先

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

dfn要素

用語の定義を表す。
dfn要素の最も近い先祖であるterm-description group、p、li、またはsection要素に、dfn要素によって与えられる用語の定義が含める必要がある。
title属性がある場合は、その属性値が定義語となる。

<p><dfn title="Cascading Style Sheets">CSS</dfn>とはXXXXXXXXXXXXXXXXX</p>

カテゴリ
・フローコンテンツ
・フレージングコンテンツ
・パルパブルコンテンツ

コンテンツモデル
・フレージングコンテンツ(dfn要素を除く)

コンテンツ属性
・グローバル属性

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


abbr要素

省略形または頭字語を表す。
title属性には省略していない正式名称を記載する。

<p><dfn><abbr title="Thank God Its Friday">TGIF</abbr></dfn>は、日本でいう花金みたいなものらしい。</p>

カテゴリ
・フローコンテンツ
・フレージングコンテンツ
・パルパブルコンテンツ

コンテンツモデル
・フレージングコンテンツ

コンテンツ属性
・グローバル属性

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