|
|
| 1行目: |
1行目: |
| 2010年代のWeb制作に欠かせなくなるであろう、HTML5とCSS3についてまとめてみる。
| |
|
| |
|
| <div id="manual">
| |
| ==HTML5 概要==
| |
| （編集中）
| |
|
| |
| ==HTML4.01と異なる点==
| |
| （編集中）
| |
|
| |
| ==新要素==
| |
| <p>特に「セクショニング」と「埋め込みコンテンツ」は実務的なニーズが高いとされている。<br>
| |
| ※以下は、2010年2月23日版 WHATWG Draft Standardに基づく。今後変更の可能性あり。</p>
| |
| <br>
| |
| ===セクショニング===
| |
| '''・section'''
| |
|
| |
| '''・nav'''
| |
| <p>従来の<div id="navi">等の代替として使用できる。nav要素の中にul要素を用いるのが一般的のようである。また、パンくずリストやページネーション等に用いるのも効果的。</p>
| |
|
| |
| '''・article'''
| |
|
| |
| '''・aside'''
| |
|
| |
| '''・hgroup'''
| |
|
| |
| '''・header'''
| |
| <p>従来の<div id="header">の代替として使用できる。また、ドキュメント内に1つしか書けないということはないので、セクションの先頭に用いることもできる。</p>
| |
|
| |
| '''・footer'''
| |
| <p>従来の<div id="footer">の代替として使用できる。また、ドキュメント内に1つしか書けないということはないので、セクションの最後に用いることもできる。</p>
| |
| <br>
| |
| ===グルーピング===
| |
| '''・figure'''
| |
| <p></p>
| |
| <br>
| |
| ===埋め込みコンテンツ===
| |
| '''・source'''
| |
|
| |
| '''・video'''
| |
|
| |
| '''・audio'''
| |
|
| |
| '''・canvas'''
| |
|
| |
| '''・embed'''
| |
| <p></p>
| |
| <br>
| |
| ===テキストレベル===
| |
| '''・time'''
| |
|
| |
| '''・mark'''
| |
|
| |
| '''・ruby／rt／rp'''
| |
| <p></p>
| |
| <br>
| |
| ===フォーム===
| |
| '''・datalist'''
| |
|
| |
| '''・keygen'''
| |
|
| |
| '''・output'''
| |
|
| |
| '''・progress'''
| |
|
| |
| '''・meter'''
| |
| <p></p>
| |
| <br>
| |
| ===インタラクティブ===
| |
| '''・details'''
| |
|
| |
| '''・summary'''
| |
|
| |
| '''・command'''
| |
|
| |
| '''・menu'''
| |
|
| |
| '''・device'''
| |
| <p></p>
| |
| <br>
| |
|
| |
| ==CSS3 概要==
| |
| （編集中）
| |
|
| |
| ==CSS2.1と異なる点==
| |
| （編集中）
| |
|
| |
| ==新プロパティ対応表==
| |
| （編集中）
| |
|
| |
| ==新セレクタ対応表==
| |
| （編集中）
| |
|
| |
| </div>
| |