| コンテンツのグループ化 |
<p> |
|
<hr> |
- テーマの区切りやメニュー内の区切りを表す
<hr>
|
<pre> |
|
<blockquote> |
- 別の情報源から引用されたセクションを表す
<blockquote></blockquote>cite="URL"
|
<ol> |
- 順序付きのリストを表す
<ol></ol>type="1 | a | A | i | I"
start="番号"
reversed
|
<ul> |
|
<menu> |
- リスト項目で構成されるツールバーを表す
<menu></menu>
|
<li> |
- リストの項目を表す
<li></li>value="番号"
|
<dl> |
|
<dt> |
|
<dd> |
|
<figure> |
- 本文から参照される図版を表す
<figure></figure>
|
<figcaption> |
- 図版のキャプションを表す
<figcaption></figcaption>
|
<main> |
- 文書のメインコンテンツを表す
<main></main>
|
<search> |
- 検索機能を表す
<search></search>
|
<div> |
- 特定の範囲をグループ化する（グローバル属性とともに使用されることが多い）
<div></div>
|
| テキストの意味 |
<a> |
- ハイパーリンクを表す
<a></a>href="URL"
hreflang="言語コード"
type="MIMEタイプ"
rel="リンクタイプ"
target="_blank | _self | _parent | _top | ブラウジング・コンテキスト名"
download | download="ファイル名"
ping="URL"
referrerpolicy="no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url | 空"
|
<em> |
|
<strong> |
- テキストの強い重要性を表す
<strong></strong>
|
<small> |
- 小さめの文字で表現される注記を表す
<small></small>
|
<s> |
|
<cite> |
|
<q> |
- 別の情報源から引用されたフレーズを表す
<q></q>cite="URL"
|
<dfn> |
- 定義される用語を表す
<dfn></dfn>title="定義用語"
|
<abbr> |
- 略語や頭字語を表す
<abbr></abbr>title="正式名称"
|
<ruby> |
- ルビを振るテキストの範囲を表す
<ruby></ruby>
|
<rt> |
|
<rp> |
|
<data> |
- 要素内容の機械可読データを指定する
<data value=""></data>value="文字列"
|
<time> |
- 日付や時刻を表す
<time></time>datetime="YYYY-MM-DDThh:mm:ssZ | etc..."
|
<code> |
- コンピュータコードを表す
<code></code>
|
<var> |
|
<samp> |
- プログラムからの出力サンプルを表す
<samp></samp>
|
<kbd> |
- ユーザーが入力する内容を表す
<kbd></kbd>
|
<sub> |
|
<sup> |
|
<i> |
- 他と区別されるテキストを表す（思考・専門用語 等）
<i></i>
|
<b> |
- 注目すべきテキストを表す（キーワード・製品名 等）
<b></b>
|
<u> |
|
<mark> |
- ハイライトされたテキストを表す
<mark></mark>
|
<bdi> |
- 周囲から隔離されたテキストを表す
<bdi></bdi>dir="auto | ltr | rtl"
|
<bdo> |
- テキストの書字方向を上書き指定する
<bdo dir=""></bdo>dir="ltr | rtl"
|
<span> |
- テキストの範囲を指定する（グローバル属性とともに使用されることが多い）
<span></span>
|
<br> |
|
<wbr> |
|
| コンテンツの埋め込み |
<picture> |
- 文書にレスポンシブイメージを埋め込む（画像内容の最適化）
<picture></picture>
|
<source> |
- メディアリソースの候補を指定する（<picture><video><audio>要素内で使用）
<source src="">
<source srcset="">type="MIMEタイプ" （<picture> | <video> | <audio>）
src="URL" （<video> | <audio>）
srcset="URL | URL 横幅w | URL 比率x" （<picture>）
media="メディアクエリ" （<picture>）
sizes="メディアクエリ 横幅" （<picture>）
width="横幅" （<picture>）
height="高さ" （<picture>）
|
<img> |
- 文書に画像を埋め込む
<img src="">src="URL"
alt="代替テキスト"
width="横幅"
height="高さ"
usemap="#マップ名"
ismap
crossorigin="anonymous | use-credentials | 空"
srcset="URL | URL 横幅w | URL 比率x"
sizes="メディアクエリ 横幅"
referrerpolicy="no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url | 空"
fetchpriority="high | low | auto"
decoding="sync | async | auto"
loading="lazy | eager"
|
<iframe> |
- インラインフレームを設定する
<iframe></iframe>src="URL"
srcdoc="HTMLコード"
width="横幅"
height="高さ"
name="ブラウジング・コンテキスト名"
sandbox | sandbox="allow-same-origin | allow-top-navigation | allow-forms | allow-scripts | allow-pointer-lock | allow-popups | allow-presentation | allow-modals | allow-orientation-lock | allow-popups-to-escape-sandbox | allow-top-navigation-by-user-activation | allow-downloads | allow-top-navigation-to-custom-protocols"
allow="指示内容"
allowfullscreen
referrerpolicy="no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url | 空"
loading="lazy | eager"
|
<embed> |
- 文書にプラグインデータを埋め込む
<embed>src="URL"
type="MIMEタイプ"
width="横幅"
height="高さ"
|
<object> |
- 文書に外部リソースを埋め込む
<object data=""></object>data="URL"
type="MIMEタイプ"
width="横幅"
height="高さ"
name="ブラウジング・コンテキスト名"
form="ID名"
|
<video> |
- 文書に動画コンテンツを埋め込む
<video></video>src="URL"
poster="URL"
preload="none | metadata | auto"
width="横幅"
height="高さ"
autoplay
loop
muted
controls
playsinline
crossorigin="anonymous | use-credentials | 空"
|
<audio> |
- 文書にオーディオコンテンツを埋め込む
<audio></audio>src="URL"
preload="none | metadata | auto"
autoplay
loop
muted
controls
crossorigin="anonymous | use-credentials | 空"
|
<track> |
- 動画や音声のテキストトラックを指定する
<track src="">src="URL"
kind="subtitles | captions | descriptions | chapters | metadata"
srclang="言語コード"
label="タイトル"
default
|
<map> |
- イメージマップを定義する
<map name=""></map>name="マップ名"
|
<area> |
- イメージマップのリンク領域を設定する
<area>shape="rect | circle | poly | default"
coords="座標（x,y...）"
href="URL"
alt="代替テキスト"
rel="リンクタイプ"
target="_blank | _self | _parent | _top | ブラウジング・コンテキスト名"
download | download="ファイル名"
ping="URL"
referrerpolicy="no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url | 空"
|
| グローバル属性 |
accesskey |
- 要素にアクセスキーを割り当てる
accesskey="任意のキー"
|
autocapitalize |
- 入力文字の自動的な大文字化を指定する（ソフトウェアキーボード向け）
autocapitalize="off | none | on | sentences | words | characters"
|
autocorrect |
- 入力文字の自動的な修正を指定する
autocorrect="on | off | 空"
|
autofocus |
- 要素に自動的なフォーカスを設定する
autofocus
|
class |
|
contenteditable |
- 要素内容が編集可能かどうかを指定する
contenteditable="true | plaintext-only | false | 空"
|
dir |
- 要素内容の書字方向を指定する
dir="ltr | rtl | auto"
|
draggable |
- 要素がドラッグ可能かどうかを指定する
draggable="true | false"
|
enterkeyhint |
- Enterキーに表示されるラベルの種類を指定する（ソフトウェアキーボード向け）
enterkeyhint="enter | done | go | next | previous | search | send"
|
hidden |
- 要素を表示しないことを指定する
hidden="hidden | until-found | 空"
|
id |
|
inert |
|
inputmode |
- 入力モードの種類を指定する（ソフトウェアキーボード向け）
inputmode="none | text | tel | url | email | numeric | decimal | search"
|
is |
- 要素にカスタム要素名を指定する
is="カスタム要素名"
|
itemid |
- アイテムのグローバル識別子を指定する（マイクロデータ向け）
itemid="URL"（URI?）
|
itemprop |
- アイテムにプロパティを追加する（マイクロデータ向け）
itemprop="プロパティ名"
|
itemref |
- アイテムの範囲外にあるプロパティと関連付ける（マイクロデータ向け）
itemref="ID名"
|
itemscope |
- アイテムの範囲を示す（マイクロデータ向け）
itemscope
|
itemtype |
- アイテムの型を指定する（マイクロデータ向け）
itemtype="URL"
|
lang |
|
nonce |
- コンテンツセキュリティポリシーで使用する暗号ノンスを示す
nonce="暗号ノンス"
|
popover |
- 要素がポップオーバー要素であることを示す
popover="auto | manual | 空"
|
slot |
- 特定の<slot>要素と関連付ける
slot="スロット名"
|
spellcheck |
- 入力内容のスペルや文法チェックを行うかどうかを指定する
spellcheck="true | false | 空"
|
style |
- 要素に直接CSSスタイルを指定する
style="CSSコード"
|
tabindex |
- Tabキーによるフォーカスの移動順序を制御する
tabindex="数値"
|
title |
|
translate |
- 要素を翻訳対象にするかどうかを指定する
translate="yes | no | 空"
|
writingsuggestions |
- ブラウザによる書き込み支援機能を制御する
writingsuggestions="true | false | 空"
|
