【HTML5】追加された要素(タグ)

      2016/08/15

HTML5で追加された要素(タグ)を用途毎にまとめてメモしました。

HTML5で追加されたタグ

文章構造化
タグ 用途
article 自己完結できるセクション
section 一般的なセクション
nav ナビゲーション
aside 補足的なセクション
header ヘッダ
footer フッタ

使用例はこちら

グループ化
タグ 用途
figure 参照される図表など
figcaption figure要素への注訳
main メインコンテンツ
テキストの意味付け
タグ 用途
time 日付や時刻
mark テキストのハイライト表示
ruby ルビ情報対象
rt ルビテキスト
rp ルビテキストを括弧で囲む
bdi マークアップしたテキストが周辺の文字の影響を受けない
wbr 改行位置の候補
埋め込みデータ
タグ 用途
video 動画の再生
audio 音声の再生
source 動画・音声のリソースのアドレス
track 動画・音声と同期するテキストトラック
フォーム
タグ 用途
datalist 入力候補値のリスト
details 詳細部分の表示・非表示
keygen 暗号鍵を生成
output 計算結果の表示
progress 進捗状況
meter 数量や割合
スクリプト
タグ 用途
template スクリプトによって文書に挿入・複製ができるHTMLの断片
canvas スクリプトを使用してグラフィックスを描く
まとめ

HTML5で追加されたタグを使う事によって、より正確にWebページの内容を伝える事が出来るようになるので、対応ブラウザを確認したうえで使っていきたいですね。

 - HTML , ,