HTML5とCSS3の検証と実装

コンテンツのカテゴリー

HTML5では要素が１つまたは複数のカテゴリーに属する。

メタデータ・コンテンツ - Metadata content

HTML4・XHTMLと基本的に変わらず。
"noscript" をhead内に配置可能になった。

フロー・コンテンツ - Flow content

bodyの内側に入れる要素のほとんどが属する。

セクショニング・コンテンツ - Sectioning content

ページ内の大きな構造を示す要素（HTML5から追加となった）。

ヘッディング・コンテンツ - Heading content

セクション内の見出しとなる要素（hgroup が追加となった）。

フレージング・コンテンツ - Phrasing content

テキスト内の範囲などを示す要素であり、段落（p）などは含まれない。

エンベッディッド・コンテンツ - Embedded content

文章内に外部リソース（画像・動画・canvas・プラグイン）や、他の言語で書かれたもの（SVGなど）。

インタラクティブ・コンテンツ - Interactive content

ユーザーが操作を行う要素（form の buttonなど）。

Content Models

ブロック要素・インライン要素は廃止され、要素はコンテンツモデルに所属する。

The a element

a 要素は、Transparent コンテンツモデルとなった。

Flog 02(Blogではありません。)

The dt element

Question: Answer

定義語: 具体的な意味を持つ語句; ~~「dfn タグ単独での使用可」~~ではなく「dfn タグ単独での使用不可」です。

引用元i-nan.net

The figure & pre element

code01(pre)


	<!DOCTYPE html>
	<html lang="ja">
	<head>
		<meta charset="UTF-8" />
		<title>FLOG HTML5 memo</title>
		<link rel="stylesheet" href="css/text.css" />
	</head>
	
	<body>
	
	<header id="hed01">
	<hgroup>
		<h2 id="top"><img src="./img/example.png" align="html5 & CSS3 coding" /></h2>
		<h1>FLOG HTML5 memo</h1>
	</hgroup>
		<p>HTML5とCSS3の検証と実装</p>
	</header>
	
	<nav>
		<ul>
			<li><a href="index.html">HOME</a></li>
			<li><a>FLOG 02</a></li>
			<li><a>FLOG03</a></li>
			<li><a>FLOG04</a></li>
		</ul>
	</nav>
	
	<section>