ホーム お問合せはこちらから ページのトップへ戻る

新潟のホームページ制作会社・ワードプレスでウェブサイトを製作するドコドア
お問合せはこちらから お電話でのお問い合わせは0120-66-0209まで

SEOブログ

スタッフブログ

58 HTML5の要素まとめ

2014.6.3

html58

HTML5の要素まとめ

HTML5では、従来の役割であった文書作成の機能に加えて、グラフィックスの描画、音声や動画の再生機能のようなマルチメディア機能、Webアプリケーション作成のための機能などが追加されています。そういった要素も含めて一覧としてまとめました。「HTML5」の列に○がついている要素はHTML5で追加された要素です。

要素名 カテゴリー 説明 HTML5
html ルート要素 HTML文書のルート要素を表す
head メタデータ メタデータの集まりを表す
title メタデータ HTML文書のタイトルを表す
base メタデータ 相対URLの基準となるURLを指定する
link メタデータ 他の文書などに関連付ける
meta メタデータ 文書に関するメタデータを表す
style メタデータ スタイル情報を埋め込む
script スクリプティング JavaScriptを埋め込む
noscript スクリプティング JavaScriptが無効な場合の情報を表す
body セクション 文書のセクションを表す
article セクション 自己完結したセクションを表す
section セクション 一般的なセクションを表す
nav セクション ナビゲーションを表す
aside セクション 補足的なセクションを表す
h1-h6 セクション 見出しを表す
header セクション ヘッダーを表す
footer セクション フッターを表す
adress セクション 連絡先情報を表す
p コンテンツのグループ化 段落を表す
hr コンテンツのグループ化 テーマの区切りを表す
pre コンテンツのグループ化 整形済みテキストを表す
blockquote コンテンツのグループ化 引用セクションを表す
ol コンテンツのグループ化 番号ありの箇条書きを表す
ul コンテンツのグループ化 番号なしの箇条書きを表す
li コンテンツのグループ化 箇条書きを表す
dl コンテンツのグループ化 適宜がたの箇条書きを表す
dt コンテンツのグループ化 定義する用語を表す
dd コンテンツのグループ化 用語の説明を表す
figure コンテンツのグループ化 図版を表す
figcaption コンテンツのグループ化 図版のキャプションをつける
div コンテンツのグループ化 様子をグループ化する
main コンテンツのグループ化 body要素のメインコンテンツを表す
a テキストの意味付け リンクを設定する
em テキストの意味付け 強調したい箇所を表す
strong テキストの意味付け 重要な箇所を表す
small テキストの意味付け 注釈を表す
s テキストの意味付け 正確ではない内容を表す
cite テキストの意味付け 作品のタイトルを表す
q テキストの意味付け 短めの引用を表す
dfn テキストの意味付け 定義される用語を表す
abbr テキストの意味付け 略語や頭字語を表す
time テキストの意味付け 日付や時刻を表す
code テキストの意味付け ソースコードを表す
var テキストの意味付け 変数を表す
samp テキストの意味付け 出力サンプルを表す
kbd テキストの意味付け ユーザーが入力する文字を表す
sub テキストの意味付け 下付き文字を表す
sup テキストの意味付け 上付き文字を表す
i テキストの意味付け 専門用語、慣用句などを表す
b テキストの意味付け キーワード、製品などを表す
u テキストの意味付け 注意を喚起する
mark テキストの意味付け 強調表示
ruby テキストの意味付け ルビを振る
rt テキストの意味付け ルビのテキストを表す
rp テキストの意味付け ルビ用の括弧
bdi テキストの意味付け 分離されたテキストを表す
bdo テキストの意味付け テキストの方向を指定する
span テキストの意味付け 任意の範囲をグループ化する
br テキストの意味付け 改行する
wbr テキストの意味付け 改行してもいい位置を表す
ins 訂正 追加された箇所を表す
del 訂正 削除された箇所を表す
img コンテンツの埋め込み 画像を表示する
iframe コンテンツの埋め込み インラインフレーム
embed コンテンツの埋め込み プラグインデータを埋め込む
object コンテンツの埋め込み プラグインなどを埋め込む
param コンテンツの埋め込み プラグインのパラメータを指定する
video コンテンツの埋め込み 動画を再生する
audio コンテンツの埋め込み 音声を再生する
source コンテンツの埋め込み 複数のメディアリソースを指定する
track コンテンツの埋め込み テキストトラックを指定する
canvas コンテンツの埋め込み グラフィックを描画する
map コンテンツの埋め込み イメージマップを定義する
area コンテンツの埋め込み イメージマップのリンク領域を設定する
table テーブル 表を作る
caption テーブル 表のキャプション
colgroup テーブル 表の列をグループ化する/td>
col テーブル 表の列を表す
tbody テーブル 表の本体にあたる行をグループ化する
thead テーブル 表のヘッダーにあたる行をグループ化する
tfoot テーブル 表のフッターにあたる行をグループ化する
tr テーブル 表の行を表す
td テーブル 行の中のデータセルを表す
th テーブル 表の見出しセルを表す
form フォーム 入力フォームを作る
fieldset フォーム フォームの部品をグループ化する
legend フォーム グループ化された部品にキャプションをつける
label フォーム ユーザーインターフェイスのキャプションをつける
input フォーム フォームの入力部品を作る
button フォーム ボタンを作る
select フォーム 選択メニューを作る
datalist フォーム 入力候補のリストを作る
optgroup フォーム 選択メニューの選択肢をグループ化
option フォーム 選択肢を作る
textarea フォーム 複数行のテキスト入力欄を作る
keygen フォーム 暗号用の秘密鍵と公開鍵を作る
output フォーム 計算の結果を表す
progress フォーム タスクの進行状況を表す
meter フォーム 既知の範囲にある数量や割合を表す
details インタラクティブ 追加情報を表す
summary インタラクティブ detail要素の要約や凡例を表す
dialog インタラクティブ ダイアログボックスなどを表す
主にコーディング作業や納品後の更新作業を担当しています。デザイン業務もちょこちょこやってます。PHPやらJQueryの勉強中。
>清野哲郎のプロフィールを見る

お問合せメールフォーム

このページがあなたにとって役に立ったと感じたら下のボタンから共有をよろしくお願いします。

WORKS

制作事例一覧を見る
  • case72i
  • case89i
  • case107i
  • case108i
  • case111i
  • case88i
  • case98i
  • case110i
  • case113i
  • case112i
  • case102i
  • case106i
  • case104i
  • case103i
  • case100i
  • case99i
  • case109i
  • case96i
  • case105i
  • case86i
  • Ciel02
  • case22_1
  • toiro
  • case80i
  • case79i
  • case78i
  • case06-2i
  • case76i
  • case74i
  • case73i
  • case97i
  • スクリーンショット 2016-04-05 18.41.36
  • case90i
  • case82i
  • case87i
  • case71アイキャッチ
  • 国際大学
  • case84i
  • dejimo0
  • case65アイキャッチ
  • kirin_hanbai
  • case67アイキャッチ
  • case75i
  • flowerhome0
  • keiwa
  • greenstyle0
  • case57_1
  • case92i
  • case56_2
  • case54_2
  • case52_1
  • case51-1
  • case49-1
  • joywood0
  • case59_1
  • 上越どんぶり巡り様
  • yu
  • 無添加住宅
  • neal
  • hukuhuku1
  • sasa-t
  • shinoda
トップへ戻るボタン

WORKS

case02 case73i case04
新潟のホームページ制作・Webデザイン製作のドコドア

本 社 新潟県三条市土場1-5 tel 0120-66-0209
新潟オフィス 新潟市中央区天神1-1 プラーカ3 2F
東京オフィス 渋谷区道玄坂1-12-1 渋谷マークシティW22F