【HTMLタグコンプリートガイド】タグの種類・役割・使い方の一覧表

主にHTML入門者の方を対象にタグの全体像を把握しやすくなるようにまとめた一覧表です。

構造化タグ

HTMLページの構造を作るタグです。
これらのタグが無いHTMLは正しい構造とは言えなくなります。
構造化タグは全て必須で、1ページにつき一つしか使ってはいけません。

タグ役割使用頻度要素レベル補足
<!DOCTYPE HTML>HTMLのバージョン指定必須ブロック必ず1行目に配置する
<html>全体を定義必須ブロックメタデータを囲み、<html>直下に定義する
<head>ヘッダーを定義必須ブロックメタデータを囲み、<html>直下に定義する
<body>ボディを定義必須ブロックブラウザで表示するコンテンツ全てを囲み、<html>直下に定義する
<title>ページタイトルを定義必須ブロックページ全体のタイトル文字列を囲み、<head>内に定義する

テキストタグ

HTMLページのテキストに意味や機能を加えるタグです。

タグ役割使用頻度要素レベル補足
<h1>〜<h6>見出しを定義 ブロック
<p>段落を定義 ブロック
<a>アンカー（リンク）を定義 インラインウェブページへの
リンク、メール、電話、ページ内リンクなどを設置できる