HTML5とCSS3の検証と実装

コンテンツのカテゴリー

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

メタデータ・コンテンツ - 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>