Caution

お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。

  1. トップページ
  2. HTMLタグ辞典

HTMLタグ辞典 一覧ページ

<!DOCTYPE> / <html>文書型宣言・HTML要素のルート。
<head>文書のメタ情報コンテナ。
<meta>メタ情報の設定。
<link>外部リソースの紐付け。
<body>文書本体のコンテナ。
id / class要素の識別・グループ化。
style / title / langインラインスタイル・ツールチップ・言語設定。
data-* / hidden / tabindexカスタムデータ属性・非表示・フォーカス順序。
<h1> 〜 <h6>見出しタグ。
<p>段落。
<div>汎用ブロックコンテナ。
<pre> / <blockquote> / <hr>整形済みテキスト・引用・水平線。
<ul> / <ol> / <li>箇条書き・番号付きリスト。
<span>汎用インラインコンテナ。
<strong> / <em>重要・強調テキスト。
<code> / <kbd> / <var>コード・キー入力・変数の表示。
<br> / <wbr> / <ruby>改行・ルビ。
<small> / <s> / <u> / <mark> / <del> / <ins>テキスト修飾。
<a>ハイパーリンク。
<nav>ナビゲーションブロック。
<dl> / <dt> / <dd>定義リスト(用語・説明)。
<header> / <footer>ページ・セクションのヘッダー・フッター。
<main> / <article>主要コンテンツ・独立した記事。
<section> / <aside>セクション・補足情報。
<details> / <summary>開閉式コンテンツ。
<table> / <tr> / <td> / <th>テーブルの基本構造。
<thead> / <tbody> / <tfoot> / <caption>テーブルのグループ化・キャプション。
colspan / rowspanセルの結合。
<form>フォームのコンテナ。
<input> — テキスト系テキスト入力。
<input> — 選択系チェックボックス・ラジオボタン。
<input> — ボタン・その他ボタン・ファイル・隠しフィールド。
<textarea> / <select> / <option>複数行入力・ドロップダウン。
<label> / <fieldset> / <legend>ラベル・グループ化・凡例。
<button>ボタン要素。
name / value / placeholder / requiredフォーム入力の主要属性。
<input> — HTML5バリデーション属性入力制限・バリデーション。
<input type="date"> 系日付・時刻入力。
<input type="number"> / type="range"> / <datalist>数値・スライダー・候補リスト。
<img>画像の埋め込み。
<picture> / <source>レスポンシブ画像・メディア切り替え。
<figure> / <figcaption>図版・キャプション。
<video>動画の埋め込み。
<audio>音声の埋め込み。
<iframe>インラインフレーム(外部コンテンツ埋め込み)。
<script>JavaScriptの埋め込み・読み込み。
<canvas> / <svg>キャンバス描画・SVG画像。
<style>CSSの埋め込み。
<noscript>スクリプト非対応時のフォールバック。
role 属性要素の役割を明示。
aria-label / aria-labelledby / aria-describedby名前・説明の関連付け。
aria-hidden / aria-expanded / aria-live表示状態・動的更新の通知。
<meta name="description"> / OGP検索エンジン・SNS向けメタ情報。
<link rel="canonical"> / hreflang正規URL・多言語対応。
<link rel="icon"> / <link rel="preload">ファビコン・リソース先読み。
<dialog>ダイアログボックス。
<template> / <slot>テンプレート・Web Components のスロット。