HTML5 タグリファレンス

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

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

主構造
main structure

  1. HTML5の基本（成り立ち・哲学・導入）
  2. DOCTYPEと文法

    HTML5でのDOCTYPE宣言
  3. 見出しとセクション

    <h1> ~ <h6>要素とセクショニング・コンテンツ

属性
attributes

  1. グローバル属性

    どのタグにも共通して指定できる属性

基本要素
the root element

  1. <HTML>

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

文書メタデータ要素
document metadata

  1. <HEAD>

    html 要素の最初の子要素
  2. <TITLE>

    文書のタイトル
  3. <BASE>

    文書内の相対URLの基準を指定
  4. <LINK>

    外部ファイルとの関係を示す
  5. <META>

    HTML5で変更
    文書の各種メタ情報
  6. <STYLE>

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

セクション要素
sections

  1. <BODY>

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

    HTML5で追加
    内容が完結するセクション
  3. <SECTION>

    HTML5で追加
    一般的なセクション
  4. <NAV>

    HTML5で追加
    主要なナビゲーションリンクのセクション
  5. <ASIDE>

    HTML5で追加
    メインのコンテンツ以外のセクション
  6. <H1> - <H6>

    ページまたはセクションの見出し
  7. <HEADER>

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

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

    記事または文書の連絡先

グルーピングコンテンツ
grouping content

  1. <P>

    ひとつの段落
  2. <HR>

    HTML5で変更
    段落レベルでの内容の区切り
  3. <PRE>

    整形済みのテキスト
  4. <BLOCKQUOTE>

    引用されたコンテンツ
  5. <OL>

    番号付きのリスト
  6. <UL>

    番号なしのリスト
  7. <LI>

    リストの項目
  8. <DL>

    用語解説のリスト
  9. <DT>

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

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

    HTML5で追加
    図版
  12. <FIGCAPTION>

    HTML5で追加
    図版のキャプション
  13. <DIV>

    汎用的なグルーピング要素
  14. <MAIN>

    HTML5で追加
    文書の主な内容

テキストレベル要素
text level semantics

  1. <A>

    HTML5で変更
    ハイパーリンク
  2. <EM>

    強調
  3. <STRONG>

    重要な内容
  4. <SMALL>

    HTML5で変更
    サイドコメント
  5. <S>

    HTML5で変更
    不正確なテキスト
  6. <CITE>

    HTML5で変更
    引用・作品のタイトル
  7. <Q>

    引用
  8. <DFN>

    定義対象の用語
  9. <ABBR>

    省略語
  10. <DATA>

    HTML5で追加
    マシンが判読可能な値
  11. <TIME>

    HTML5で追加
    日付・時刻
  12. <CODE>

    コンピュータコード
  13. <VAR>

    変数
  14. <SAMP>

    コンピューター出力
  15. <KBD>

    ユーザー入力
  16. <SUB> , <SUP>

    下付き文字、上付き文字
  17. <I>

    HTML5で変更
    他とは異なる範囲
  18. <B>

    HTML5で変更
    キーワード
  19. <U>

    HTML5で変更
    注釈
  20. <MARK>

    HTML5で追加
    テキストのハイライト
  21. <RUBY>

    HTML5で追加
    ルビ（ふりがな）
  22. <RB>

    ruby 内のふりがなの対象
  23. <RT>

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

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

    HTML5で追加
    双方向隔離
  26. <BDO>

    文字表記の方向
  27. <SPAN>

    フレーズ・コンテンツの汎用タグ
  28. <BR>

    改行
  29. <WBR>

    HTML5で追加
    改行可能な箇所

編集要素
edits

  1. <INS>

    追加されたテキスト
  2. <DEL>

    削除されたテキスト

埋め込みコンテンツ
embedded content

  1. <IMG>

    画像
  2. <IFRAME>

    インライン・フレーム
  3. <EMBED>

    HTML5で追加
    プラグインによる組み込み
  4. <OBJECT>

    外部コンテンツの組み込み
  5. <PARAM>

    パラメータ
  6. <VIDEO>

    HTML5で追加
    動画
  7. <AUDIO>

    HTML5で追加
    音声
  8. <SOURCE>

    HTML5で追加
    メディアファイルの指定
  9. <TRACK>

    HTML5で追加
    メディア要素のテキストトラック
  10. <MAP>

    イメージマップの定義
  11. <AREA>

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

テーブル
tabular data

  1. <TABLE>

    表
  2. <CAPTION>

    表のタイトル
  3. <COLGROUP>

    表の列のグループ
  4. <COL>

    表の列
  5. <TBODY>

    表のデータ行のグループ
  6. <THEAD>

    表のヘッダ行のグループ
  7. <TFOOT>

    表のフッタ行のグループ
  8. <TR>

    表の行（横一列）
  9. <TD>

    表のデータセル
  10. <TH>

    表のヘッダーセル

フォーム
forms

  1. <FORM>

    フォーム
  2. <LABEL>

    フォーム部品のキャプション
  3. <BUTTON>

    ボタン
  4. <SELECT>

    項目選択のフォームコントロール
  5. <DATALIST>

    HTML5で追加
    他の部品のための選択肢リスト
  6. <OPTGROUP>

    選択肢のグループ化
  7. <OPTION>

    選択肢
  8. <TEXTAREA>

    複数行テキストの入力エリア
  9. <KEYGEN>

    HTML5で追加
    公開鍵のキーペアの生成
  10. <OUTPUT>

    HTML5で追加
    計算結果・出力結果
  11. <FIELDSET>

    フォーム部品のグループ化
  12. <LEGEND>

    タイトルやキャプション

スクリプティング
scripting

  1. <SCRIPT>

    スクリプト、データブロックを埋め込む
  2. <NOSCRIPT>

    スクリプトの代替コンテンツ
  3. <TEMPLATE>

    HTML5で追加
    テンプレート