| タグ | 閉じタグ | 用途 | 例 |
| <!DOCTYPE html> | なし | DOCTYPE宣言、必ず１行目に書く。DOTYPE宣言とは、書こうとしているバージョンがどのバージョンに準拠して書かれているものかを示すもの。古くから運営されているWEBサイトで、HTML5とは違うDOCTYPE宣言を書く必要がある時。 | |
| <html>~</html> | あり | htmlファイルは必ず書く。コンテンツの主要言語を指定できる。 | <html lang="ja"> |
| <meta charset="UTF-8"> | ページの文字コードセットを設定する。HMTL5の場合は文字コードセットの大文字小文字を区別しない。HTML5は原則「UTF-8」 | <meta char set="shift_jis"> | |
| <title>~</title> | あり | 検索サイトでページがヒットした時に表示される非常に重要なテキスト。ページのタイトルを設定する。タイトルが長すぎる場合、検索サイトで表示される時に省略されて しまうので、30〜40字程度に抑えるのが理想。 | <title>サンプルページのタイトル</title> |
| <meta name="description"content="ページの概要"> | 検索サイトの検索結果に表示される。検索結果にヒットしたときに、タイトル下の概要欄に表示される非常に重要なテキスト。 | ||
| <meta name="Keywords" content="キーワード1,キーワード2,キーワード3"> | 現在は使用しても意味がない。 | <meta name="Keywords" content="dog,cat,pet"> | |
| <link rel="stylesheet" href="CSSファイルへのパス"> | CSSファイルを読み込む。 | <link rel="stylesheet" href="style.css"> | |
| @charset"文字コードセット" | CSSファイルの文字コードを指定する。全てのCSSファイルに必要。使う場合は必ずCSSファイルの1行目に記述する。 | @charset"UTF-8" p{ color:0033ff; } | |
| <style>~</style> | あり | CSSをHTMLに直接書きたい時。必ず<head>~</head>の中に書く。外部CSSファイルとHTMLに直接書くCSSは併用できる。 | |
| <a style="適用したいCSSプロパティ"> | CSSをタグに直接書く。特殊な場合以外使わない。 | ||
| <script src>="JavaScriptのファイルパス"</script> | あり | JavaScriptファイルを読み込む。HTML5ではtype属性は不要になった。 | |
| noscript | 主にJavaScriptの代わりに表示するコンテンツのタグ | ||
| body | ブラウザに表示する内容全体のタグ | ||
| h1 | 見出しのタグ1 | ||
| h2 | 見出しのタグ2 | ||
| h3 | 見出しのタグ3 | ||
| h4 | 見出しのタグ4 | ||
| p | 段落のタグ | ||
| hr | 段落と段落の区切りのタグ | ||
| blockquote | 引用するコンテンツのタグ | ||
| ol | 順番の決まったリストのタグ | ||
| ul | 順番の決まってないリストのタグ | ||
| li | リストの内容のタグ | ||
| dl | 項目に関する記述リストのタグ | ||
| dt | 項目に関する記述リストの項目のタグ | ||
| dd | 項目に関する記述リストの記述のタグ | ||
| div | 特定の意味を持たないブロックのタグ | ||
| a | リンクのタグ | ||
| strong | 文章内の重要性の高いテキストのタグ | ||
| span | 文章内の特定の意味を持たないテキストのタグ | ||
| br | 文章内の改行のタグ | ||
| img | 写真や画像のタグ | ||
| table | テーブルのタグ | ||
| tr | テーブル内の行のタグ | ||
| td | テーブル内の行の内容のタグ | ||
| th | テーブル内の行の見出しのタグ | ||
| form | フォームのタグ | ||
| label | フォーム内の項目にラベルを付けるタグ | ||
| input | フォーム内の入力項目のタグ | ||
| select | フォーム内のメニューのタグ | ||
| option | フォーム内のメニューの選択肢のタグ | ||
| textarea | フォーム内の文章の入力項目のタグフォーム内の文章の入力項目のタグ | ||
| base | ページ内の相対URLの基準になるURLのタグ | ||
| section | 見出しと内容をまとめるセクションのタグ | ||
| nav | リンクをまとめるセクションのタグ | ||
| article | 単独で扱える記事のようなセクションのタグ | ||
| aside | 本筋から逸れる解説などのセクションのタグ | ||
| hgroup | 二つ以上の見出しをまとめるタグ | ||
| header | コンテンツのヘッダー情報をまとめるタグ | ||
| main | 主にページの中心となる情報を書く。 | ||
| footer | コンテンツのフッター情報をまとめるタグ | ||
| address | コンテンツの作者の連絡先のタグ | ||
| pre | 書いたままのテキストを表示するタグ | ||
| figure | 図表や画像とその説明をまとめるタグ | ||
| figcaption | 図表や画像につける説明のタグ | ||
| em | 文章内の特に強調するテキストのタグ | ||
| small | 文章内の補足や細目のテキストのタグ | ||
| cite | 文章内の作品のタイトルのタグ | ||
| q | 文章内の引用部分のテキストのタグ | ||
| abbr | 文章内の略称や頭字語のテキストのタグ | ||
| time | 文章内の日時のタグ | ||
| code | 文章内のプログラムなどのコードのタグ | ||
| ins | 後から追記するコンテンツのタグ | ||
| del | 後から削除するコンテンツのタグ | ||
| iframe | ページ内にフレームを埋め込むタグ | ||
| embed | ページ内に主にFlash等を埋め込むタグ | ||
| object | ページ内に画像や音声、動画を埋め込むタグ | ||
| param | objectタグのコンテンツのパラメータのタグ | ||
| video | ページ内に動画ファイルを埋め込むタグ | ||
| audio | ページ内に音声ファイルを埋め込むタグ | ||
| canvas | ページ内にcanvasを埋め込むタグ | ||
| caption | テーブルに付けるキャプションのタグ | ||
| tbody | テーブル内のボディ部分のデータをまとめるタグ | ||
| thead | テーブル内のヘッダー部分の行のタグ | ||
| tfoot | テーブル内のフッター部分の行のタグ | ||
| fieldset | フォーム内の内容をまとめるタグ | ||
| legend | fieldsetタグにつけるタイトルのタグ | ||
| h5 | 見出しのタグ5 | ||
| h6 | 見出しのタグ6 | ||
| s | 文章内の打ち消し線のついたテキストのタグ | ||
| dfn | 文章内の定義する用語のテキストのタグ | ||
| var | 文章内の変数のテキストのタグ | ||
| samp | 文章内のプログラムで出力するテキストのタグ | ||
| kbd | 文章内の入力テキストかキーボードのキーのタグ | ||
| sub | 文章内の下に付くテキストのタグ | ||
| sup | 文章内の上に付くテキストのタグ | ||
| i | 文章内の慣習上斜体にするテキストのタグ | ||
| b | 文章内の慣習上太字にするテキストのタグ | ||
| u | 文章内の慣習上下線を引くテキストのタグ | ||
| mark | 文章内の目立たせたテキストのタグ | ||
| ruby | 文章内のルビを付けるテキストのタグ(ふりがなをつける) | ||
| rt | ルビとして付くテキストのタグ | ||
| rp | ルビが表示されない場合のカッコのタグ | ||
| bdi | 文章内の書く方向を独立させるテキストのタグ | ||
| bdo | 文章内の書く方向を決めるテキストのタグ | ||
| wbr | 文章内の改行可能な位置のタグ | ||
| source | ページ内に埋め込む動画や音声を指定するタグ | ||
| track | 動画や音声と同期するテキストトラックのタグ | ||
| map | クリックできるイメージマップのタグ | ||
| area | mapのクリックする場所を決めるタグ | ||
| colgroup | colタグをまとめるタグ | ||
| col | テーブル内の縦列をまとめるタグ | ||
| button | フォーム内のボタンのタグ | ||
| datalist | フォーム内の入力項目に選択肢をつけるタグ | ||
| optgroup | フォーム内の複数のoptionタグをまとめるタグ | ||
| keygen | フォーム内で暗号になるキーを作るタグ | ||
| output | フォーム内の計算結果の出力のタグ | ||
| progress | 処理の進捗状況などのゲージのタグ | ||
| meter | 予め数値の決まったゲージのタグ |
HTML5タグ108個手引き【煩悩の数と一緒なので写経すべし！】