「HTML5／CSS3」の版間の差分
編集の要約なし |
編集の要約なし |
||
| 92行目: | 92行目: | ||
==新セレクタ対応表== | ==新セレクタ対応表== | ||
（編集中） | （編集中） | ||
==資料== | |||
このページを作成するのに参考にしたページ等をリストアップ。 | |||
===Webサイト=== | |||
<p>[http://www.html5.jp/html5doctor/index.html HTML5.JP ＞ html5doctor]</p> | |||
<br> | |||
===雑誌=== | |||
・Web Designing 2010年4月号 特集「実践・CSSコーディングの新常識」 公式サイト：[http://book.mycom.co.jp/wd/ http://book.mycom.co.jp/wd/] | |||
</div> | </div> | ||
2010年6月2日 (水) 18:00時点における版
2010年代のWeb制作に欠かせなくなるであろう、HTML5とCSS3についてまとめてみる。
HTML5 概要
1999年に勧告されたHTML4.01の後継にあたる。FlashやSilverlight等のリッチインターネットアプリケーションのプラットフォームを置き換えることを標榜としており、
様々な要素を追加・廃止している。
2012年3月頃に正式に勧告される予定である。
HTML4.01と異なる点
（編集中）
新要素
特に「セクショニング」と「埋め込みコンテンツ」は実務的なニーズが高いとされている。
※以下は、2010年2月23日版 WHATWG Draft Standardに基づく。今後変更の可能性あり。
セクショニング
・section
・nav
従来の<div id="navi">等の代替として使用できる。nav要素の中にul要素を用いるのが一般的のようである。また、パンくずリストやページネーション等に用いるのも効果的。
・article
・aside
・hgroup
・header
従来の<div id="header">の代替として使用できる。また、ドキュメント内に1つしか書けないということはないので、セクションの先頭に用いることもできる。
・footer
従来の<div id="footer">の代替として使用できる。また、ドキュメント内に1つしか書けないということはないので、セクションの最後に用いることもできる。
グルーピング
・figure
埋め込みコンテンツ
・source
・video
・audio
・canvas
・embed
テキストレベル
・time
・mark
・ruby／rt／rp
フォーム
・datalist
・keygen
・output
・progress
・meter
インタラクティブ
・details
・summary
・command
・menu
・device
CSS3 概要
事実上現在の「標準」となっているCSS2.1の後継にあたる。2010年6月現在、策定中にあるため実用段階ではないという考えが強い。
しかし、一部プロパティやセレクタはすでに様々なブラウザでの実装が進んでいる。が、IEでの実装具合は言うまでもない。
CSS2.1と異なる点
（編集中）
新プロパティ対応表
（編集中）
新セレクタ対応表
（編集中）
資料
このページを作成するのに参考にしたページ等をリストアップ。
Webサイト
雑誌
・Web Designing 2010年4月号 特集「実践・CSSコーディングの新常識」 公式サイト：http://book.mycom.co.jp/wd/