cafemocha

cafemocha

ホームページ制作 Webデザイン ブログデザイン Web構築 Android linux PHP パソコン情報 ブログ 掲示板

HTML5概要

HTML5とは

HTMLのバージョン5です。HTML5では、これまでのHTML 4と同じようなHTML文書を作成する機能が改良されているのに加えて、 ウェブアプリケーションを開発するための様々な仕様が新たに盛り込まれています。


HTML5の規格について

HTML5の規格はW3CとWHATWGで策定作業が進められており、現在のところ以下の規格がリリースされています。

  ◆HTML5 http://www.w3.org/TR/html5/

  ◆HTML5.1 http://www.w3.org/TR/html51/

        http://dev.w3.org/html5/spec/Overview.html

  ◆HTML Living Standard http://whatwg.org/html


HTML5のコンテンツ・モデル

HTML5のコンテンツ・モデル分類について

フロー・コンテンツ

「フロー・コンテンツ」には<body>内でコンテンツのマークアップに使用できる要素が属しています。

address, blockquote, dialog, div, dl, fieldset, figure, footer, form, header, hr, ol, pre, table, ul

ヘディング・コンテンツ

「ヘディング・コンテンツ」には、見出しを示す要素が属しています。

h1, h2, h3, h4, h5, h6, hgroup

セクショニング・コンテンツ

「セクショニング・コンテンツ」には、アウトライン(コンテンツの階層構造)を構成する役割を持つ要素が属しています。

article, aside, nav, section

インタラクティブ・コンテンツ

「インタラクティブ・コンテンツ」には、ユーザーの操作を必要とするリンクやフォームなどを構成する要素が属しています。

details (menu type属性の値が「toolbar」またはtype属性を省略した場合)

a, button, keygen, lavel, select, textarea (input type属性の値が「hidden」以外の場合)

フレージング・コンテンツ

「フレージング・コンテンツ」には短いフレーズのセマンティクスを示す要素が属しています。

abbr, area, b, bdi, bdo, br, cite, code, data, datalist, del, dfn, em, i, ins, kbd, map, mark, meter, output, progress, q, ruby, s, samp, small, span, strong, sub, sup, time, u, var, wbr, テキスト (input)

エンベディッド・コンテンツ

「エンベディッド・コンテンツ」には、画像や動画など、外部リソースを利用する要素が属しています。

embed, iframe (audio, video control属性がある場合)(img, object usemap属性がある場合)

canvas, math, svg (audio, video, img, object)

メタデータ・コンテンツ

「メタデータ・コンテンツ」には、付加情報(メタデータ)を示すための要素が属しています。基本的に<head>内に、記述しますが、条件によっては<body>内に記述できるものもあります。

base, title (style, link, meta)

style(scoped属性がある場合)

command, noscript, script (link, meta itemprop属性がある場合)


HTML5で追加された要素

article, aside, audi, bdi, canvas, command, datalist, dialog, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, ruby, rt, rp, section, source, summary, time, track, video, wbr


HTML5で変更が加えられた要素

address, b, cite, dl, hr, i, menu, s, small, strong, u


HTML5で廃止された要素

acronym, applet, base, big, center, dir, font, frame, frameset, isindex, noframes, strike