【HTML5プロフェッショナル認定試験レベル1】試験勉強まとめ（テキスト要素）
HTML5プロフェッショナル認定試験レベル1の試験勉強まとめ（テキスト要素）です。
関連要素一覧
| 要素 | 用途 | 補足説明 |
|---|---|---|
| p | 段落 | |
| a | （href属性の指定で）ハイパーリンク | 内部にインタラクティブ要素とa要素は置けない！ |
| em | 強調 | 入れ子で度合いを強くできる |
| strong | 重要・重大・緊急・深刻 | 入れ子で度合いを強くできる |
| blockquote | 引用文（ブロックレベル） | |
| q | 引用文（インライン） | |
| cite | 出典・作者名・参照先URL | |
| mark | （参照しやすいように）目立たせる | 元々は目立っていないところに使用 |
| small | 注記 | コピーライトなど |
| data | 機械可読形式のデータ（バーコードなど） | value属性必須 |
| time | 機械可読式の日付データ（data要素の日時版） | datetime属性必須でない |
| abbr | 略語 | title属性の値に省略していない言葉を設定 |
| dfn | 定義の対象 | |
| b | （実用的な意味で）目立たせる | 製品名やキーワード、リード文 |
| i | 言語の違う部分、学名、専門用語 | 違う性質のものに変わっていることに使用 |
| s | 正しく無い情報 | |
| u | スペルミス | 下線付き |
| bdo | 文字表記の方向の指定する要素 | Unicodeの双方向アルゴリズムの方向を上書きする dir属性必須 |
| bdi | 文字表記の方向の影響を受けないようにする要素 | Unicodeの双方向アルゴリズムの方向に影響を受けないようにする |
| pre | 入力通りの表示 | （code要素と合わせて）ソースコード（ブロックレベル）、アスキーアートなど 開始タグ直後の改行は取り除かれる |
| code | ソースコード（インライン） | |
| kbd | ユーザーの入力キー | |
| samp | サンプル、コンピューターの出力内容 | ブロックレベルのときはpre要素の中に |
| var | 変数 | |
| sup | 上付き文字 | 102 |
| sub | 下付き文字 | CO2 |
| br | 改行 | |
| wbr | 改行しても良い場所 | 英単語やURLなどの途中 |
| ins | 追加した部分 | |
| del | 削除した部分 |
指定できる属性
a要素
href属性が無い場合他の属性は指定不可。
| 属性 | 用途 | 値 |
|---|---|---|
| href | リンク先アドレス | URL |
| target | ブラウジングコンテキストの指定 | ブラウジングコンテキスト名、キーワード |
| download | リンク先がダウンロード用のファイルであることを示す | ファイル名 |
| rel | 元文書から見たリンク先との関係 | キーワード |
| rev | リンク先から見た元文書との関係 | キーワード |
| hreflang | リンク先の言語 | ja、enなど |
| type | リンク先のMIMEタイプ | MIMEタイプ |
blockquote要素・q要素
| 属性 | 用途 | 値 |
|---|---|---|
| cite | （内部利用想定の）引用元のリンク | URL |
※ユーザーへ提供する場合はcite属性（blockquoteはfooter属性と組み合わせて）を使う
<blockquote> ・・・・本の引用文・・・・ <footer> <cite>著者名</cite> - <cite>『作品名』</cite> </footer> </blockquote>
time属性
- datetime属性を指定する場合
- datetime属性を機械読み取り可能な形式にする
- datetime属性を指定しない場合
- time要素の内容を機械読み取り可能な形式にする
<time datetime="2018-10-19">誕生日</time> <time>11:53</time>
ins要素・del要素
| 属性 | 用途 | 値 |
|---|---|---|
| cite | 追加/削除に関する説明のあるページへのリンク | URL |
| datetime | 追加/削除した日時 | 日時を表す文字列 |
ルビ関連要素
| 要素 | 用途 | 補足説明 |
|---|---|---|
| ruby | ルビ関連要素のグループ化 | |
| rt | ふりがな | ひらがな（ruby text）終了タグ省略可 |
| rb | ルビを振る対象 | 漢字（ruby base）終了タグ省略可 必要がなけば開始タグも不要 |
| rp | 括弧 | ルビを括弧書きする場合 終了タグ省略可 |
| rtc | rt要素のグループ化 | （ruby text container）終了タグ省略可 |
<ruby>山田太郎<rt>やまだたろう</tr></ruby> <ruby>山田太郎<rt>やまだたろう</ruby> <ruby><rb>山田</rb><rb>太郎</rb><rt>やまだ</tr><rt>たろう</tr></ruby> <ruby><rb>山田<rb>太郎<rt>やまだ<rt>たろう</ruby> <ruby>山田<rb>太郎<rt>やまだ<rt>たろう</ruby> <ruby>山田太郎<rp>(</rp><rt>やまだたろう</tr><rp>)</rp></ruby> <ruby>山田太郎<rp>(<rt>やまだたろう<rp>)</ruby> <ruby> <rb>山田</rb><rb>太郎</rb> <rt>やまだ</tr><rt>たろう</tr> <rtc><rt>Yamada</rt><rt>Taro</tr></rtc> </ruby>
