★HTML5リファレンス(旧仕様)

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

広告

このページでは、HTML5について解説しています。
HTML標準の最新情報は、以下を参照してください。

HTML5リファレンス(旧仕様・ABC順)

 ドキュメントタイプ宣言 Document type definition

<!DOCTYPE html> …… ドキュメントタイプを宣言する

 根本となる要素 The root element

<html> …… HTML文書であることを示す

 文書のメタデータ Document metadata

<head> …… 文書のヘッダ情報を表す
<title> …… 文書にタイトルをつける
<base> …… 相対パスの基準URIを指定する
<link> …… リンクする外部リソースを指定する
<meta> …… その文書に関する情報(メタデータ)を指定する
<style> …… スタイルシートを記述する

 スクリプト Scripting

<script> …… 文書にJavaScriptなどのスクリプトを組み込む
<noscript> …… スクリプトが動作しない環境用の表示内容を指定する

 セクション Sections

<body> …… 文書の本体を表す
<section> …… 一つのセクションであることを示すHTML5から追加
<nav> …… ナビゲーションであることを示すHTML5から追加
<article> …… 記事であることを示すHTML5から追加
<aside> …… 余談・補足情報のセクションであることを示すHTML5から追加
<h1>-<h6> …… 見出しを付ける
<hgroup> …… セクションの見出しを表す、見出しをまとめるHTML5から追加
<header> ……ヘッダであることを示すHTML5から追加
<footer> …… フッタであることを示すHTML5から追加
<address> …… 連絡先・問合せ先を表す

 コンテンツの分類 Grouping content

<p> …… ひとつの段落(パラグラフ)であることを表す
<hr> …… テーマや話題の区切りを表す
<pre> …… 半角スペースや改行をそのまま表示する
<blockquote> …… 引用・転載セクションであることを表す
<ol> …… 順序のあるリストを表示する
<ul> …… 順序のないリストを表示する
<li> …… リストの項目を記述する
<dl> …… 定義・説明リストを表す
<dt> …… 定義・説明される言葉を表す
<dd> …… 定義用語や言葉の説明をする
<figure> …… 図表であることを示すHTML5から追加
<figcaption> …… 図表のキャプションを示すHTML5から追加
<div> ……ひとかたまりの範囲として定義する
<main> …… メインコンテンツであることを示す

 テキストの意味 Text-level semantics

<a> …… ハイパーリンクを指定する
<em> …… 強勢する(アクセントを付ける)箇所を表す
<strong> …… 強い重要性を表す
<small> …… 免責・警告・著作権などの注釈や細目を表す
<s> …… すでに正確ではなくなった内容を表す
<cite> …… 作品のタイトルを表す
<q> …… 引用句・引用文であることを表す
<dfn> …… 用語が使用されていることを示す
<abbr> …… 略語や頭字語であることを表す
<time> …… 日付や時刻を正確に示すHTML5から追加
<code> …… プログラムなどのコードであることを示す
<var> …… 変数であることを示す
<samp> …… プログラムによる出力結果のサンプルであることを示す
<kbd> …… ユーザーが入力する内容であることを示す
<sub> …… 下付き文字を表す
<sup> …… 上付き文字を表す
<i> …… 声や心の中で思ったことなど、他と区別したいテキストを表す
<b> …… 文書内のキーワードや製品名など、他と区別したいテキストを表す
<mark> …… 文書内の該当テキストを目立たせるHTML5から追加
<ruby> …… ルビをふるHTML5から追加
<rt> …… ルビのテキストを指定するHTML5から追加
<rp> …… ルビを囲む記号を指定するHTML5から追加
<bdo> …… 文字表記の方向を指定する
<span> …… ひとつの範囲として定義する
<br> …… 改行する
<wbr> …… 改行しても良い位置を示すHTML5から追加

 挿入と削除 Edits

<ins> …… 追加された部分であることを示す
<del> …… 削除された部分であることを示す

 コンテンツの埋め込み Embedded content

<img> …… 画像を表示する
<iframe> …… インラインフレームを作る
<embed> …… プラグインデータを埋め込むHTML5から追加
<object> …… 文書に外部リソースを埋め込む
<param> …… プラグインのパラメータを指定する
<video> …… 動画を再生するHTML5から追加
<audio> …… 音声を再生するHTML5から追加
<source> …… 動画や音声などのURLや種類を指定するHTML5から追加
<canvas> …… 図形を描くHTML5から追加
<map> …… イメージマップを作成する
<area> …… イメージマップのハイパーリンク領域を設定する

 テーブル(表) Tabular data

<table> …… テーブル(表)を作成する
<caption> …… テーブル(表)にキャプションをつける
<colgroup> …… 表の縦列をグループ化する
<col> …… 表の縦列の属性やスタイルを指定する
<tbody> …… テーブル(表)のボディ部分を定義する
<thead> …… テーブル(表)のヘッダ部分を定義する
<tfoot> …… テーブル(表)のフッタ部分を定義する
<tr> …… テーブル(表)の横一行を定義する
<td> …… テーブル(表)のデータセルを作成する
<th> …… テーブル(表)の見出しセルを作成する

 フォーム Forms

<form> …… 入力・送信フォームを作る
<fieldset> …… フォームの入力項目をグループ化する
<legend> …… フォームの入力項目グループにキャプションを付ける
<label> …… フォーム部品と項目名(ラベル)を関連付ける
<input> …… フォームを構成する様々な入力部品を作成する

<input type=”hidden”> …… 画面上は表示されない隠しデータを指定する
<input type=”text”> …… 一行テキストボックスを作成する
<input type=”search”> …… 検索テキストの入力欄を作成するHTML5から追加
<input type=”tel”> …… 電話番号の入力欄を作成するHTML5から追加
<input type=”url”> …… URLの入力欄を作成するHTML5から追加
<input type=”email”> …… メールアドレスの入力欄を作成するHTML5から追加
<input type=”password”> …… パスワード入力欄を作成する
<input type=”datetime”> …… 協定世界時による日時の入力欄を作成するHTML5から追加
<input type=”date”> …… 日付の入力欄を作成するHTML5から追加
<input type=”month”> …… 月の入力欄を作成するHTML5から追加
<input type=”week”> …… 週の入力欄を作成するHTML5から追加
<input type=”time”> …… 時間の入力欄を作成するHTML5から追加
<input type=”datetime-local”> …… ローカル日時の入力欄を作成するHTML5から追加
<input type=”number”> …… 数値の入力欄を作成するHTML5から追加
<input type=”range”> …… レンジ入力欄を作成するHTML5から追加
<input type=”color”> …… 色の入力欄を作成するHTML5から追加
<input type=”checkbox”> …… チェックボックスを作成する
<input type=”radio”> …… ラジオボタンを作成する
<input type=”file”> …… サーバーへファイルを送信する
<input type=”submit”> …… 送信ボタンを作成する
<input type=”image”> …… 画像ボタンを作成する
<input type=”button”> …… 汎用ボタンを作成する<input autofocus> …… 入力欄にカーソルを当てて自動フォーカスするHTML5から追加
<input placeholder> …… 入力欄に初期表示する内容を指定するHTML5から追加
<input required> …… 入力必須であることを示すHTML5から追加
<input pattern> …… 正規表現で入力値のパターンを指定するHTML5から追加
<input min max> …… 入力できる最小値と最大値を指定するHTML5から追加
<input step> …… 入力欄で刻むステップ値を指定するHTML5から追加
<input autocomplete> …… 入力候補を提示して入力内容を自動補完するHTML5から追加
<input multiple> …… 複数の値を入力・選択できるようにするHTML5から追加

<button> …… ボタンを作成する
<select> …… セレクトボックスを作成する
<datalist> …… 入力候補となるデータリストを定義するHTML5から追加
<optgroup> …… 選択肢をグループ化する
<option> …… セレクトボックスや入力候補リストの選択肢を指定する
<textarea> …… 複数行のテキスト入力欄を作成する
<keygen> …… フォーム送信時にキーを発行するHTML5から追加
<output> …… 計算結果を示すHTML5から追加
<progress> …… タスク完了までの進行状況を示すHTML5から追加
<meter> …… 規定範囲内の測定値を表すHTML5から追加

 ユーザーによる操作 Interactive elements

<details> …… 備考や操作手段などの詳細情報を示すHTML5から追加
<summary> …… <details>の内容の要約を示すHTML5から追加
<command> …… 操作メニューの各コマンドを指定するHTML5から追加
<menu> …… 操作メニューを作成するHTML5から追加

■HTML5の概説

広告
当サイトでは、オンラインカジノについても解説しはじめました。ご興味がある方は、ぜひ記事をご覧ください。

山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
56 users signed up
もっと表示する