Tweet this

HTML5のチートシートを見て思うこと

コリスさんのところで『HTML5とHTML4の違いが一目で分かるチートシート』というのが紹介されていたので、.pdf版をダウンロードして目を通してみました。HTML4との違いが一目で分かるようになっているので便利です。まだ、草案の段階ですがいずれ移行していくのであれば少しずつでも触れていった方がいいような気がします。

HTML 5 Visual Cheat Sheet by Woork

HTML 5 Visual Cheat Sheet by Woork

HTML 5 Visual Cheat Sheet by Woork

ようやく、HTML4とXHTML1の違いに慣れてきたところで、さらにHTML5が出るのか~ってどんよりしてたんですけどね。。。ミツエーリンクスのWeb標準Blogには目を通すようにはしてたんですが、、、なんか真剣に読む気がしなくって。。。

HTML 5 differences from HTML 4

これ見たってテキストばっかりで辛くなってくるし、、、英語だけやし、、、SmashingMagazineでも情報は流れてくるんやけど、こちらも英語ばかりで読むに読めない(笑)

でも、こういった画像で一目で分かるようにしてくれていると、ちょっと真剣に見ようかなって気にさせてくれます。

覚えると使いやすそうな要素も加わっていますね。<header>とか<footer>とか<navi>とか、これまで<div>でクラスかIDの指定していたのが要素として扱ってもらえるってのはいいですね。

HTML5はなんとかなりそうかなと思いつつ、それ以前にスタイルシートの方、、、CSS3を覚えていかないと。。。こっちの方がよほどややこしそう。

出来ることが増えるのはいいんやけど、まだまだブラウザによって指定が効くこと効かないことの違いが多すぎるのでハックだらけになりそう。こっちはまだもうちょっとあとでええかな。。。とはいえ、これが本業やからな~避けては通れんやん。

Related Posts

Leave a Reply