HTML5 & CSS3 実践入門 [よもやま日記]
フォールバックメソッドがカバーされている本
『HTML5 & CSS3 実践入門』が良いらしい。
・Web標準に沿ったWeb
表現:CSS3
構造:HTML5
振る舞い:ECMA Script、DOM (Document Object Model)
・HTML 4.01
現状確定しているW3C勧告としては最終版
1999年勧告と古い
・HTML 5
2012年に正式勧告される予定だが、ベンダー間でもめていて2014年くらいになるだろうといわれている
・Web標準のメリット
メンテナンス性の向上
アクセシビリティの向上
SEO対策
・ブラウザ
Web kit系
Fire fox系
IE系
Opera系
・HTMLでは大文字も可だが、XHTMLでは小文字で記述する
・<br> → <br />、<hr> → <hr />
・文章型(DOCTYPE)宣言の例
<!doctype html>
・フォーム機能の強化
input要素のtype属性の強化
autofocus属性
placeholder属性
required属性
autocomplete属性
・canvas要素の例
http://ponderer.org/download/canvas_demo/
・アウトラインの検証ツール
http://gsnedders.html5.org/outliner/
・Adobe Edge
TL形式でHTML5アニメーションを作成できる
・Flashとの棲み分け
スマートフォン向けのFlash開発は終了
今後はHTML5に一本化
・html5test アクセスするだけで対応状況をチェックしてくれるページ
http://html5test.com/
『HTML5 & CSS3 実践入門』が良いらしい。
HTML5&CSS3実践入門 最新Web標準を使いこなす (The Pragmatic Programmers)
- 作者: ブライアンP.ホーガン
- 出版社/メーカー: インプレスジャパン
- 発売日: 2011/07/08
- メディア: 単行本(ソフトカバー)
・Web標準に沿ったWeb
表現:CSS3
構造:HTML5
振る舞い:ECMA Script、DOM (Document Object Model)
・HTML 4.01
現状確定しているW3C勧告としては最終版
1999年勧告と古い
・HTML 5
2012年に正式勧告される予定だが、ベンダー間でもめていて2014年くらいになるだろうといわれている
・Web標準のメリット
メンテナンス性の向上
アクセシビリティの向上
SEO対策
・ブラウザ
Web kit系
Fire fox系
IE系
Opera系
・HTMLでは大文字も可だが、XHTMLでは小文字で記述する
・<br> → <br />、<hr> → <hr />
・文章型(DOCTYPE)宣言の例
<!doctype html>
・フォーム機能の強化
input要素のtype属性の強化
autofocus属性
placeholder属性
required属性
autocomplete属性
・canvas要素の例
http://ponderer.org/download/canvas_demo/
・アウトラインの検証ツール
http://gsnedders.html5.org/outliner/
・Adobe Edge
TL形式でHTML5アニメーションを作成できる
・Flashとの棲み分け
スマートフォン向けのFlash開発は終了
今後はHTML5に一本化
・html5test アクセスするだけで対応状況をチェックしてくれるページ
http://html5test.com/
コメント 0