NoteWebディレクター・ハラヒロシのブログ

HTML5の第一歩

週末はいくつかの文献やサイトを見つつ、このサイトトップページのHTML5化に着手してみました。まだよくわかっていない中でこんなことを書くのは恥さらしのような気もするし、僕自身ふだんコーディングをしていないという言い訳をしつつ…。まだ見出しなど手をつけていないところもあるほか、間違った使い方もあるかもしれませんがあしからず。なんにせよ、自社サイトがあると何でも取り組める。
<各種情報収集により、ひとまずのスタンスと具体的に取り組んだこと>
●HTML5はあくまで草案なので、将来の変更を視野にいれつつ、継続的な情報収集をしていく
●まずはHTMLのマークアップから。広義のHTML5は多岐にわたるので、現状手をつけはじめたのは本当に第一歩だという認識
●HTML5は後方互換性を考慮してくれているので、着手しやすいところから手を入れてみる
バリデーションチェックをしながら進める
●Doctypeを書き換えるだけでいますぐHTML5!
●headタグやbodyタグは省略可能だが、現時点ではそこまでやらない
●セマンティックな要素を入れるが、対応ブラウザのことを考えて具体的なスタイルは指定せず、冗長化で対応する
●廃止された要素や属性をひととおり理解
●html5.jsを使って、IE9未満のブラウザに対して新しい要素を理解させる
●HTML5ではHTML構文以外にXML構文も扱うことができる。XML宣言もOK
●HTML5のロゴ貼りたいので貼った
など。今後も継続的に学習、実践していきたいと思います。間違い、認識違いなどありましたら教えてください。
がんばるぞー。
<参考にしたサイト・文献>
url HTML5.jp
url HTML 5で廃止される主な要素と属性 – HTML 5について(関連コラム集)
url HTML5におけるxml宣言 « katharsis blog
url すぐわかるポケット! 仕事にすぐ効く! HTML5読本 ~ウェブの最先端を読み解く!
url Web Site Expert #33