HTMLタグ一覧

  • Web
HTML

よく使われるHTMLタグを簡単にまとめました。

テキスト編

文章などテキストによく使われるHTMLタグを紹介します。

タグ説明主な特徴
h1見出し(h1~h6まである)ブロックレベル
p段落。本文を書く時に使用ブロックレベル
aリンクの設置インライン
strong重要な文字インライン
span特定の範囲をグループ化インライン
br改行インライン (空要素)
small細目(コピーライトなど)に使用インライン
markテキストをハイライト表示インライン

詳細は以下を見てください。

埋め込み編

画像や動画、マップを表示する時によく使うHTMLタグを紹介します。

タグ説明主な特徴
img画像の表示インライン (空要素)
embedプラグインの動画やマップを埋め込みYoutubeの動画やGoogleマップなどが埋め込める
videoプラグインなしで動画を表示HTML5から使用可
audioプラグインなしで音声を表示HTML5から使用可

テーブル編

表を作る時によく使うタグを紹介します。

タグ説明主な特徴
table
tr表の行
th見出しのセル太字、中央揃い
tdデータセル

リスト編

リストを作る時によく使うタグを紹介します。

タグ説明主な特徴
ulリスト箇条書きやメニュー、ナビなどに使うことが多い
liリストの項目箇条書きやメニュー、ナビなどに使うことが多い
dl説明リストある標題とその標題の説明に使うことが多い
dt説明リストの標題ある標題とその標題の説明に使うことが多い
dd標題についての説明ある標題とその標題の説明に使うことが多い

グループ編

グループ化する時によく使うHTMLタグを紹介します。

タグ説明主な特徴
divコンテンツをグループ化classやidと組み合わせて使うことが多い

セクション編

コンテンツの区切りとしてよく使うHTMLタグ

タグ説明主な特徴
body文書本体を表すブラウザに表示される部分
headerヘッダーを表すサイトロゴ、グロナビなどページの共通部分に使用
navナビゲーションを表すグロナビやページ内リンクのナビに使用
main文書のメインコンテンツを表すタグ共通使用されるロゴ、グロナビなどには使用しない
footerフッターを表すコピーライトなどのサイト最下部の共通部分に使用
article自己完結したセクションを表す本文の完結した内容を一括りにする時に使われることが多い
section一般的なセクションを表す本文の一区切りとして使われることが多い
aside補助的なセクションを表す本文とは関係ないサイドバーなどで使われる

メタデータ編

メタデータに使われるHTMLタグを紹介します。

タグ説明主な特徴
headメタデータの集まりを表す基本的にブラウザに表示されない部分
title文書にタイトルを表示検索結果やブラウザのタブなどに表示される
link別の文書と関連付ける外部のCSSやJavaScriptなどを関連付ける時に使用
styleスタイルシートの記述文書内にスタイルシートを記述する時に使用
meta様々なメタ情報の記述様々なメタ情報を入れる時に使用

ルート編

文書の最上位に記述する要素です。

タグ説明主な特徴
html文書の最上位に記述する要素DOCTYPE宣言の直後に記述します

タグ: