HTML (HyperText Markup Language) はホームページ(Web サイト)を記述する際に使われるタグ付き文章です。このドキュメントでは HTML 文書について解説します。
HTMLタグの一覧を示す。
分類 | 要素 | 説明 |
---|---|---|
ルート要素 | html | HTML文書のルート要素 |
文書メタデータ | head | HTML文書のヘッダ |
title | HTML文書のタイトル | |
base | リンク先のベースターゲット | |
link | リンク | |
meta | HTML文書のメタ情報 | |
style | スタイル | |
セクション | body | HTML文書の本体 |
article | 記事を表す。 | |
section | セクション | |
nav | ナビゲーション | |
aside | 補足情報を表す。 | |
h1, h2, h3, h4, h5, h6 | 見出し(heading) | |
header | ヘッダ | |
footer | フッタ | |
address | 住所 | |
グルーピングコンテンツ | p | 段落 (paragraph) |
hr | 水平線 | |
pre | 整形済みテキスト(preformatted text) | |
blockquote | 引用 | |
ol | 順序リスト(ordered list) | |
ul | 順不同リスト(unordered list) | |
dl | 定義リスト(definition list) | |
figure | 図とキャプション | |
div | 区画(division) | |
テキストレベルセマンティック | a | アンカー (anchor) |
em | 強調(emphasis) | |
strong | 強調 | |
small | 小さい文字 | |
s | 下線 | |
cite | 参考文献(citation) | |
q | 引用(quotation) | |
dfn | 定義(definition) | |
abbr | 単語の頭文字からなる略語(abbreviation) | |
code | プログラムコード | |
var | 変数(variable) | |
samp | サンプル(sample) | |
kbd | キーボード(keyboard)から入力する文字列 | |
sub | 下付き文字列(subscript) | |
sup | 上付き文字列(superscript) | |
i | イタリック(italic) | |
b | 太字(bold) | |
u | 下線(underline) | |
mark | 文字列のハイライト | |
ruby | ルビ | |
rb | ルビ | |
rt | ルビ | |
bdo | 文章の流れる方向 | |
span | インライン要素 | |
br | 改行(break) | |
wbr | 単語の区切り(word break) | |
編集 | ins | 挿入 (insert) |
del | 削除 (delete) | |
埋め込みコンテンツ | img | HTML文書に画像(image)を埋め込む。 |
iframe | インラインフレーム(inline frame) | |
embed | プラグインデータの埋め込み | |
object | 汎用オブジェクト | |
video | 動画 | |
audio | 音声 | |
map | マップ | |
area | エリア | |
math | 数式 | |
svg | SVG画像 | |
テーブルデータ | table | 表(table) |
フォーム | form | フォーム |
label | ラベル | |
input | 入力フィールド | |
button | ボタン | |
select | 選択 | |
datalist | 入力項目の候補となるデータのリスト | |
option | SELECTの選択肢 | |
textarea | テキストエリア | |
keygen | フォームデータ送信時にキーを生成する | |
output | ||
meter | メーターを表示する。 | |
progress | 進行状況 | |
fieldset | フォームの中の部品をグループ化 | |
スクリプティング | script | スクリプト |
noscript | Webブラウザがスクリプトをサポートしていない場合に表示する内容 | |
canvas | 図形を描く | |
W3C非標準の要素 | nobr | 改行禁止(no break) |
HTMLのタグには属性を指定することができる。
<html lang="ja">
どのような属性を指定できるのかは、タグの種類によって異なる。
HTMLタグに指定できる属性の一覧を示す。
属性 | 説明 |
---|---|
id | 要素の識別子 |
class | CSSのクラス |
style | CSSのプロパティ |
title | タイトル |
lang | 言語 |
dir | 文章の流れる方向 |
onclick | マウスのボタンをクリックしたときに実行されるJavaScript |
oncontextmenu | マウスの右ボタンをクリックしたときに実行されるJavaScript |
ondblclick | マウスのボタンをダブルクリックしたときに実行されるJavaScript |
onmousedown | マウスのボタンを押下したときに実行されるJavaScript |
onmouseup | マウスのボタンを押下した後で離すときにきに実行されるJavaScript |
onmouseover | マウスのカーソルを乗せたときに実行されるJavaScript |
onmousemove | マウスのカーソルを要素内で動かしたときに実行されるJavaScript |
onmouseout | マウスのカーソルを要素内から要素外へ動かしたときに実行されるJavaScript |
onkeypress | キーを押した後で離したときに実行されるJavaScript |
onkeydown | キーを押したときに実行されるJavaScript |
onkeyup | キーを離したときに実行されるJavaScript |
onfocus | 要素がフォーカスを得たときに実行されるJavaScript |
onblur | 要素がフォーカスを失ったときに実行されるJavaScript |
onselect | テキストが(部分的にでも)選択されたときに実行されるJavaScript |