このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

HTML5要素一覧

HTMLタグ辞書
HTML5の要素の一覧

DOCTYPE宣言・ルート要素

要素 説明
<!DOCTYPE html> DOCTYPE宣言
<html> HTML文書のルートを表す

文書のメタデータ

要素 説明
<head> メタデータのコレクションを表す
<title> 文書のタイトルを表す
<base> 相対リンクの基準となるURLを指定
<link> 外部リソースと関連付ける
<meta> その他のメタデータを表す
<style> スタイルシートを表す

セクション

要素 説明
<body> 文書の内容を表す
<article> 自己完結した記事セクションを表す
<section> 一般的なセクションを表す
<nav> ナビゲーションであることを示す
<aside> 補足するセクションを表す
<h1>~<h6> セクションの見出し
<header> 文書やセクションのヘッダを表す
<footer> 文書やセクションのフッタを表す
<address> 文書や記事の連絡先情報を表す

コンテンツのグループ化

要素 説明
<p> 段落を表す
<hr> テーマの区切りを表す
<pre> 整形済みのテキストを表す
<blockquote> 引用部分を表す
<ol> 順序付きのリストを表す
<ul> 順不同のリストを表す
<li> リストの項目を表す
<dl> 説明リストを表す
<dt> 説明リストの説明対象を表す
<dd> 説明リストの説明部分を表す
<figure> 自己完結した内容を表す
<figcaption> 図表などのキャプションを表す
<div> 特定の範囲をグループ化
<main> 文書のメイン・コンテンツ

テキストレベルの意味づけ

要素 説明
<a> ハイパーリンクを表す
<em> テキストの強調を表す
<strong> テキストの重要性を表す
<small> 細字部分を表す
<s> すでに正確ではない部分を表す
<cite> 作品のタイトルを表す
<q> 短い引用を表す
<dfn> 定義される用語を表す
<abbr> 略語や頭字語を表す
<data> 機械可読な形式で表す
<time> 日付や時刻を機械可読な形式で指定
<code> ソースコードなどを表す
<var> 変数を表す
<samp> 出力されたテキストの例を表す
<kbd> 入力するテキストの例を表す
<sub> 下付き文字を表す
<sup> 上付き文字を表す
<i> 質が異なるテキストを表す
<b> 特別なテキストを表す
<u> テキストのラベル付けを表す
<mark> 他の場所からの参照のためにハイライト
<ruby> ルビを振るテキストを指定
<rb> ルビの対象となるテキストを指定
<rt> ルビを表す
<rtc> ルビテキストの集まり
<rp> ルビを囲む括弧を指定
<bdi> 書字方向が異なるテキストを表す
<bdo> テキストの書字方向を指定
<span> 特定の範囲をグループ化
<br> 改行を表す
<wbr> 改行可能な箇所を指定

編集

要素 説明
<ins> 後から追記された内容
<del> 削除された内容を表す

埋め込みコンテンツ

要素 説明
<source> 選択可能なメディアリソースを複数指定
<picture> レスポンシブな画像を埋め込む
<img> 画像を埋め込む
<iframe> 他の文書の埋め込み
<embed>
<object>
<param>
<video> 映像コンテンツを埋め込む
<audio> 音声コンテンツを埋め込む
<track> テキストトラックを埋め込む
<map> イメージマップを定義
<area> イメージマップの領域を指定

テーブル

要素 説明
<table> 表の大枠を表す
<caption> 表のタイトルを表す
<colgroup> 表の列をグループ化
<col> 表の列を表す
<tbody> 表の本体を表す
<thead> 表のヘッダを表す
<tfoot> 表のフッタを表す
<tr> 表の行を表す
<td> 表のセルを表す
<th> 表の見出しセルを表す

フォーム

要素 説明
<form> 入力フォームを表す
<label>
<input>
<button>
<select>
<datalist>
<optgroup>
<option>
<textarea>
<keygen>
<output>
<progress>
<meter>
<fieldset> フォームの内容をグループ化
<legend> グループ化したフォームの内容のキャプションを表す

スクリプティング

要素 説明
<script> スクリプトを埋め込む
<noscript> スクリプトが無効な環境での代替内容を表す
<template>
<canvas>

その他

要素 説明
<!--コメント--> コメントを挿入
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク