WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > HTMLタグ一覧(機能別)

HTMLタグ一覧

HTML(HyperText Markup Language)がHTML4、HTML5で使用できるか機能別の一覧形式でまとめています。
各タグの詳細ページではサンプルを中心に紹介しています。

広告

HTMLタグの機能別一覧

HTMLページの情報
タグタグの意味(概要)HTML4HTML5備考
<html>Htmlのルート要素
<head>Htmlのヘッダ(メタデータ)
<title>文書のタイトル
<base>相対的な基準となるURL
<link>他の文書との関連付け
<meta>Html情報(メタデータ情報)
<style>スタイルシート
<!doctype>Htmlの文書型の定義
セクション
タグタグの意味(概要)HTML4HTML5備考
<address>作者への連絡先
<body>文書(html)の本体
<section>文書内セクション×△ HTML5で追加
<article>自己完結したセクション×△ HTML5で追加
<aside>補足的なセクション×△ HTML5で追加
<h1>~<h6>見出し
<header>Htmlのヘッダ領域×△ HTML5で追加
<hgroup>見出しのグループ化××× HTML5で追加
HTML5.1で削除
<nav>Htmlのナビゲーション領域×△ HTML5で追加
<footer>Htmlまたはセクションのフッタ領域×△ HTML5で追加
<main>メインコンテンツ×△HTML5.1で追加
範囲指定・グループ指定
タグタグの意味(概要)HTML4HTML5備考
<p>段落
<hr>区切り線
<pre>そのまま表示
<blockquote>引用セクション
<ol>数字付き箇条書き領域
<ul>箇条書きの領域
<li>箇条書きのリスト
<dl>記述・説明リストの範囲
<dt>記述・説明リストの見出し
<dd>記述・説明リストの説明部
<figure>参照される画像や図×△ HTML5で追加
<figcaption>画像や図の表題×△ HTML5で追加
<div>範囲指定(ブロック化)
<center>中央寄せ△(*1)×× HTML5で廃止
<dir>ディレクトリ型のリスト△(*1)×× HTML5で廃止
<menu>メニューリスト△(*1)2014/8/6 削除
<command>コマンド×△ HTML5で追加
⇒ 2014/8/6 削除
<details>詳細情報の表示/非表示×△ HTML5で追加
⇒ 2014/4/29 削除
<summary>詳細情報(details)の要約×△ HTML5で追加
⇒ 2014/4/29 削除
テキストの意味を表す
タグタグの意味(概要)HTML4HTML5備考
<a>リンク
<em>強調(斜体)
<strong>強い強調
<s>関連性のないコンテンツ△(*1)
<cite>引用の出典元や作品タイトル
<q>引用(短い文)
<dfn>用語を定義
<abbr>略語
<time>日時×△ HTML5で追加
<code>ソースコード
<var>変数
<samp>出力サンプル
<kbd>入力する内容
<span>特定の範囲
<acronym>略語の頭字語×× HTML5で廃止
<ins>追加された部分・文書の追加
<del>削除された部分
テキストの装飾
タグタグの意味(概要)HTML4HTML5備考
<small>小さい文字
<b>太字
<sub>下付き文字
<sup>上付き文字
<i>斜体
<u>下線△(*1)
<mark>ハイライト×△ HTML5で追加
<ruby>ルビの領域×△ HTML5で追加
<rt>ルビ×△ HTML5で追加
<rp>ルビ非対応の代替×△ HTML5で追加
<bdi>隔離テキスト(双方向)×
<bdo>書字方向(左右)
<rb>ルビの対象文字指定×△ HTML5で追加
<spacer>スペース挿入××× NNブラウザ独自
<strike>取り消し線△(*1)×× HTML5で廃止
<tt>等幅フォント×× HTML5で廃止
<basefont>基準となるフォントサイズ△(*1)×× HTML5で廃止
<big>大きな文字×× HTML5で廃止
<blink>文字の点滅××× 一部ブラウザ独自
<font>フォント指定(サイズ・色・種類)△(*1)×× HTML5で廃止
<marquee>文字のスクロール××× 一部ブラウザ独自
<xmp>そのまま表示××× 一部ブラウザ独自
<listing>そのまま表示××× HTML4で廃止済
<multicol>段組み××× NNブラウザ独自
<br>改行
<wbr>改行の候補位置×△ HTML5で追加
<nobr>改行なしで表示××× 一部ブラウザ独自
<plaintext>そのまま表示××× 一部ブラウザ独自
埋め込みコンテンツ
タグタグの意味(概要)HTML4HTML5備考
<img>画像
<iframe>インラインフレーム領域○(*2)
<embed>画像や音声などの埋め込み×△ HTML5で追加
<object>オブジェクトの埋め込み
<param>パラメータ
<video>動画を再生×△ HTML5で追加
<audio>プラグインを使わずに音声を再生×△ HTML5で追加
<source>動画、音声のリソース再生候補×△ HTML5で追加
<track>動画・音声のテキスト・トラック×△ HTML5で追加
<map>イメージマップ
<area>イメージマップのリンク領域
<canvas>スクリプトでグラフィックスを描く領域×△ HTML5で追加
<applet>Javaアプレットの埋め込み△(*1)×× HTML5で廃止
<bgsound>BGMを鳴らす××× 一部ブラウザ独自
<noembed>プラグイン利用不可時の代替××× 一部ブラウザ独自
テーブル
タグタグの意味(概要)HTML4HTML5備考
<table>
<tbody>表の本体
<td>表のセル
<th>表の見出しセル
<thead>表のヘッダ
<tr>表の行
<tfoot>表のフッタ
<caption>表の表題
<col>表の列設定
<colgroup>表の列グループ化
フォーム
タグタグの意味(概要)HTML4HTML5備考
<form>入力フォーム
<legend>部品グループにラベルを付ける
<label>入力部品とラベルの関連付け
<input>入力欄、選択入力、ボタン
<button>ボタン
<select>セレクトボックス
<option>セレクトボックスの選択肢
<optgroup>セレクトボックスのグループ化
<datalist>入力候補リスト×△ HTML5で追加
<textarea>入力欄(複数行)
<keygen>暗号鍵の生成×△ HTML5で追加
<output>計算結果の領域×△ HTML5で追加
<progress>進捗状況×△ HTML5で追加
<meter>割合×△ HTML5で追加
<fieldset>フォーム部品のグループ化
<isindex>テキスト入力(検索用)△(*1)×× HTML5で廃止
スクリプト
タグタグの意味(概要)HTML4HTML5備考
<script>スクリプト
<noscript>スクリプト非対応の代替
フレーム・レイヤー
タグタグの意味(概要)HTML4HTML5備考
<frame>フレームの設定△(*2)×× HTML5で廃止
<frameset>フレームのウィンドウ分割△(*2)×× HTML5で廃止
<noframes>フレーム非対応の代替○(*2)×× HTML5で廃止
<ilayer>相対位置レイヤー表示××× NNブラウザ独自
<layer>絶対位置レイヤー表示××× NNブラウザ独自
<nolayer>レイヤー非対応の代替××× NNブラウザ独自
当表の見方
HTML4○:使用可能
×:使用不可
△(*1):DTDにより異なる-Strict:使用不可、Transitional:使用可、Frameset:使用可
△(*2):DTDにより異なる-Strict:使用不可、Transitional:使用不可、Frameset:使用可
HTML5○:使用可能
×:使用不可
ただし、現時点(2013年4月)で、HTML5に対応していないブラウザも多くあるので注意が必要
備考△:非推奨(将来的には推奨となる可能性あり)
×:非推奨
未記入:推奨
※推奨/非推奨は当社独自の判断となります。今後の状況や環境により異なる場合があります。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン