HTML 参考手册- (HTML5 標準)
機能排序
この参考手册は、HTML5の標準タグについて詳しく説明します。各タグの機能と、その使用方法を例と共に紹介します。
New: HTML5 新标签
HTML5で新たに追加されたタグのいくつかに焦点を当てています。これらのタグは、よりリッチなインターネット体験を提供するために設計されています。
タグ | 説明 |
基本 | |
<!DOCTYPE> | 文書のタイプを定義します。 |
<html> | HTML 文書を定義します。 |
<title> | 文書のタイトルを定義します。 |
<body> | 文書の本文を定義します。 |
<h1> - <h6> | HTML 見出しを定義します。 |
<p> | 段落を定義します。 |
<br> | 単純な改行を定義します。 |
<hr> | 水平線を定義します。 |
<!--...--> | コメントを定義します。 |
書式 | |
<acronym> | HTML5 ではサポートされていません。頭字語を定義します。 |
<abbr> | 略語を定義します。 |
<address> | 文書の著者または所有者の連絡先情報を定義します。 |
<b> | 太字のテキストを定義します。 |
<bdi> New | 親要素のテキスト方向の設定から独立したテキストを設定できます。 |
<bdo> | テキストの方向を定義します。 |
<big> | HTML5 ではサポートされていません。大きなテキストを定義します。 |
<blockquote> | ブロック引用を定義します。 |
<center> | HTML5 ではサポートされていません。HTML 4.01 では非推奨です。中央揃えのテキストを定義します。 |
<cite> | 引用を定義します。 |
<code> | コンピュータコードのテキストを定義します。 |
<del> | 削除されたテキストを定義します。 |
<dfn> | 定義項目を定義します。 |
<em> | 強調されたテキストを定義します。 |
<font> | HTML5 ではサポートされていません。HTML 4.01 では非推奨です。テキストのフォント、サイズ、色を定義します。 |
<i> | イタリック体のテキストを定義します。 |
<ins> | 挿入されたテキストを定義します。 |
<kbd> | キーボード入力のテキストを定義します。 |
<mark> New | マークされたテキストを定義します。 |
<meter> New | メーターを定義します。既知の最大値と最小値を持つ測定値に使用します。 |
<pre> | 事前フォーマットされたテキストを定義します。 |
<progress> New | 実行中のタスクの進捗状況を定義します。 |
<q> | 短い引用を定義します。 |
<rp> New | ruby 要素をサポートしていないブラウザに表示されるコンテンツを定義します。 |
<rt> New | 文字の解釈または発音を定義します。 |
<ruby> New | ルビ注釈を定義します。 |
<s> | 取り消し線のテキストを定義します。 |
<samp> | コンピュータコードのサンプルを定義します。 |
<small> | 小さなテキストを定義します。 |
<strike> | HTML5 ではサポートされていません。HTML 4.01 では非推奨です。取り消し線のテキストを定義します。 |
<strong> | より強い強調のテキストを定義します。 |
<sub> | 下付き文字のテキストを定義します。 |
<sup> | 上付き文字のテキストを定義します。 |
<time> New | 日時を定義します。 |
<tt> | HTML5 ではサポートされていません。タイプライター風のテキストを定義します。 |
<u> | 下線のテキストを定義します。 |
<var> | テキストの変数部分を定義します。 |
<wbr> New | テキスト内の適切な改行位置を指定します。 |
フォーム | |
<form> | ユーザー入力用の HTML フォームを定義します。 |
<input> | 入力コントロールを定義します。 |
<textarea> | 複数行のテキスト入力コントロールを定義します。 |
<button> | ボタンを定義します。 |
<select> | 選択リスト (ドロップダウンリスト) を定義します。 |
<optgroup> | 選択リスト内の関連するオプションのグループを定義します。 |
<option> | 選択リスト内のオプションを定義します。 |
<label> | input 要素のラベルを定義します。 |
<fieldset> | フォーム内の要素を囲む枠を定義します。 |
<legend> | fieldset 要素のキャプションを定義します。 |
<datalist> New | input 要素の候補リストを定義します。 |
<keygen> New | フォーム用の鍵ペア生成フィールドを定義します。 |
<output> New | 計算結果を定義します。 |
フレーム | |
<frame> | HTML5 ではサポートされていません。フレームセットのウィンドウまたはフレームを定義します。 |
<frameset> | HTML5 ではサポートされていません。フレームセットを定義します。 |
<noframes> | HTML5 ではサポートされていません。フレームをサポートしていないユーザー向けの代替コンテンツを定義します。 |
<iframe> | インラインフレームを定義します。 |
画像 | |
<img> | 画像を定義します。 |
<map> | イメージマップを定義します。 |
<area> | イメージマップ内の領域を定義します。 |
<canvas> New | スクリプト (通常は JavaScript) を使用してグラフィック (グラフやその他の画像など) を描画します。 |
<figcaption> New | <figure> 要素のキャプションを定義します。 |
<figure> New | 要素をグループ化するために使用します。 |
オーディオ/ビデオ | |
<audio> New | 音楽やその他のオーディオストリームなどの音声を定義します。 |
<source> New | メディア要素 (<video> や <audio>) のメディアリソースを定義します。 |
<track> New | メディア要素 (<video> や <audio>) の外部テキストトラックを定義します。 |
<video> New | オーディオまたはビデオを定義します。 |
リンク | |
<a> | リンクを定義します。 |
<link> | 文書と外部リソースの関係を定義します。 |
<main> New | 文書のメインコンテンツを定義します。 |
<nav> New | ナビゲーションリンクを定義します。 |
リスト | |
<ul> | 順序なしリストを定義します。 |
<ol> | 順序付きリストを定義します。 |
<li> | リスト項目を定義します。 |
<dir> | HTML5 ではサポートされていません。HTML 4.01 では非推奨です。ディレクトリリストを定義します。 |
<dl> | 定義リストを定義します。 |
<dt> | 定義リストの用語を定義します。 |
<dd> | 定義リストの用語の説明を定義します。 |
<menu> | メニューリストを定義します。 |
<command> New | ユーザーが呼び出すことができるコマンド (ラジオボタン、チェックボックス、ボタンなど) を定義します。 |
表 | |
<table> | 表を定義します。 |
<caption> | 表のキャプションを定義します。 |
<th> | 表の見出しセルを定義します。 |
<tr> | 表の行を定義します。 |
<td> | 表のセルを定義します。 |
<thead> | 表の見出し部分を定義します。 |
<tbody> | 表の本文部分を定義します。 |
<tfoot> | 表のフッター部分を定義します。 |
<col> | 表の1つ以上の列の属性値を定義します。 |
<colgroup> | 表の列のグループを定義します。 |
スタイル/セクション | |
<style> | 文書のスタイル情報を定義します。 |
<div> | 文書のセクションを定義します。 |
<span> | 文書のセクションを定義します。 |
<header> New | 文書のヘッダー部分を定義します。 |
<footer> New | 文書のフッター部分を定義します。 |
<section> New | 文書のセクションを定義します。 |
<article> New | 記事の内容を定義します。 |
<aside> New | 周囲のコンテンツとは別に表示するコンテンツを定義します。 |
<details> New | ユーザーが表示または非表示にできる追加の詳細情報を定義します。 |
<dialog> New | ダイアログボックスまたはウィンドウを定義します。 |
<summary> New | 表示される概要を定義します。ユーザーが概要をクリックすると、詳細が表示されます。 |
メタ情報 | |
<head> | 文書に関する情報を定義します。 |
<meta> | HTML 文書に関するメタ情報を定義します。 |
<base> | ページ内のすべてのリンクのデフォルトのアドレスまたはターゲットを定義します。 |
<basefont> | HTML5 ではサポートされていません。HTML 4.01 では非推奨です。ページ内のテキストのデフォルトのフォント、色、サイズを定義します。 |
プログラム | |
<script> | クライアントサイドスクリプトを定義します。 |
<noscript> | クライアントサイドスクリプトをサポートしていないユーザー向けの代替コンテンツを定義します。 |
<applet> | HTML5 ではサポートされていません。HTML 4.01 では非推奨です。埋め込まれたアプレットを定義します。 |
<embed> New | 外部アプリケーションやインタラクティブなコンテンツ (プラグイン) を埋め込むためのコンテナを定義します。 |
<object> | 埋め込まれたオブジェクトを定義します。 |
<param> | オブジェクトのパラメータを定義します。 |
Q1: HTML5で廃止されたタグはどれですか?
A1: <acronym>
, <big>
, <center>
, <font>
, <strike>
, <tt>
, などのタグはHTML5から削除されました。
Q2: <canvas>
タグの主な用途は何ですか?
A2: <canvas>
タグは、スクリプト(通常JavaScript)を使用してグラフィック(チャートやその他の画像)を描画するために使用されます。
Q3: <audio>
タグと <video>
タグの使用例はありますか?
A3: 以下は、それぞれのタグの簡単な使用例です。
<audio controls>
<source src="audiofile.mp3" type="audio/mpeg">
お使いのブラウザはaudioタグをサポートしていません。
</audio>
<video controls>
<source src="videofile.mp4" type="video/mp4">
お使いのブラウザはvideoタグをサポートしていません。
</video>
``` この構造に基づいて、完全なHTML5タグリファレンスを作成するには、他のカテゴリ分のデータも同様の形式で追加することが必要となります。また、具体的な使用例とともに各タグの詳細な説明を加えることで、より詳細で実用的な参考手册になります。