HTML5 タグリファレンス

HTML5 logo それまでのSGMLという国際規格に則ったHTMLとは異なり、仕様書で文法が定義されたHTML5は、HTMLとXHTML(XML)のどちらの書き方もでき、後方互換性にも配慮され、進化によってWebアプリケーションの設計を容易なものにする設計原理を持っています。
マルチメディアをサポートする言語という性質からマークアップだけでなくAPIまで含めた広い意味で扱われることが多く、スマートフォンの普及などによって草案の段階から広まっています。

ここでは公式ページ http://www.w3.org/TR/2014/REC-html5-20141028/のバージョンを参考にしています。

主構造MAIN STRUCTURE

属性ATTRIBUTES

基本要素THE ROOT ELEMENT

  • html

    すべての要素を含む一番外側の要素

文書メタデータ要素DOCUMENT METADATA

  • head

    <html>要素の最初の子要素

  • title

    文書のタイトル

  • base

    文書内の相対URLの基準を指定

  • link

    外部ファイルとの関係を示す

  • meta

    文書の各種メタ情報 HTML5で変更

  • style

    スタイルシートを埋め込む

セクション要素SECTIONS

  • body

    <html>要素の2つ目の子要素

  • article

    内容が完結するセクション HTML5で追加

  • section

    一般的なセクション HTML5で追加

  • nav

    主要なナビゲーションリンクのセクション HTML5で追加

  • aside

    メインのコンテンツ以外のセクション HTML5で追加

  • h1-h6

    ページまたはセクションの見出し

  • header

    ページまたはセクションの導入部分 HTML5で追加

  • footer

    ページまたはセクションのフッタ部分 HTML5で追加

  • address

    記事または文書の連絡先

グルーピングコンテンツGROUPING CONTENT

  • p

    ひとつの段落

  • hr

    段落レベルでの内容の区切り HTML5で変更

  • pre

    整形済みのテキスト

  • blockquote

    引用されたコンテンツ

  • ol

    番号付きのリスト

  • ul

    番号なしのリスト

  • li

    リストの項目

  • dl

    用語解説のリスト

  • dt

    <dl>内の記述の対象となる名前、用語

  • dd

    <dl>内の名前、用語の記述・解説

  • figure

    図版 HTML5で追加

  • figcaption

    図版のキャプション HTML5で追加

  • div

    汎用的なグルーピング要素

  • main

    文書の主な内容 HTML5で追加

テキストレベル要素TEXT LEVEL SEMANTICS

  • a

    ハイパーリンク HTML5で変更

  • em

    強調

  • strong

    重要な内容

  • small

    サイドコメント HTML5で変更

  • s

    不正確なテキスト HTML5で変更

  • cite

    引用・作品のタイトル HTML5で変更

  • q

    引用

  • dfn

    定義対象の用語

  • abbr

    省略語

  • data

    マシンが判読可能な値 HTML5で追加

  • time

    日付・時刻 HTML5で追加

  • code

    コンピュータコード

  • var

    変数

  • samp

    コンピューター出力

  • kbd

    ユーザー入力

  • sub, sup

    下付き文字、上付き文字

  • i

    他とは異なる範囲 HTML5で変更

  • b

    キーワード HTML5で変更

  • u

    注釈 HTML5で変更

  • mark

    テキストのハイライト HTML5で追加

  • ruby

    ルビ(ふりがな) HTML5で追加

  • rb

    <ruby>内のふりがなの対象

  • rt

    <ruby>内のふりがな HTML5で追加

  • rp

    <ruby>をサポートしない環境用の括弧 HTML5で追加

  • bdi

    双方向隔離 HTML5で追加

  • bdo

    文字表記の方向

  • span

    フレーズ・コンテンツの汎用タグ

  • br

    改行

  • wbr

    改行可能な箇所 HTML5で追加

編集要素EDITS

  • ins

    追加されたテキスト

  • del

    削除されたテキスト

埋め込みコンテンツEMBEDDED CONTENT

  • img

    画像

  • iframe

    インライン・フレーム

  • embed

    プラグインによる組み込み HTML5で追加

  • object

    外部コンテンツの組み込み

  • param

    パラメータ

  • video

    動画 HTML5で追加

  • audio

    音声 HTML5で追加

  • source

    メディアファイルの指定 HTML5で追加

  • track

    メディア要素のテキストトラック HTML5で追加

  • map

    イメージマップの定義

  • area

    イメージマップのハイパーリンク

テーブルTABULAR DATA

フォームFORMS

スクリプティングSCRIPTING

  • script

    スクリプト、データブロックを埋め込む

  • noscript

    スクリプトの代替コンテンツ

  • template

    テンプレート HTML5で追加