タグ | 閉じタグ | 用途 | 例 |
<!DOCTYPE html> | なし | DOCTYPE宣言、必ず1行目に書く。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個手引き【煩悩の数と一緒なので写経すべし!】