(※僕のWeb知識は全て独学なので間違ってても怒らないで下さい)

ホームブログをHTML5にしてみた…けど…何か自信が無い。というかそもそも合ってるのかどうかすら怪しい。ソースもInvalidだし(前からだけど)、Chromeでしか確認してない…。隅から隅まで触ると日が暮れてしまいそうなので、ちょろっとしかやってません…。取り合えずWordPressのソースで変更したのは以下の点。

文書型宣言

今までは

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

だったんですけどこれを

<!DOCTYPE html>

に変更。

文字コード宣言

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

ってのを

<meta charset="<?php bloginfo('charset'); ?>" />

に変更。

IE

header.phpのhead要素内でCSSより先にhtml5shivを読み込む。

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

CSS

style.cssとかにHTML5の要素を追加。
navとかsectionとか。

エラー?

ホームのJavaScriptでエラーが出たり、このブログでも何かレイアウトが崩れたりして(原因不明)、無理やり修正してる感じです。何かもう元に戻すの面倒だしこのままでいいやw

ソースを修正

で、後はちょろちょろっとHTMLを修正してHTML5っぽくしてあげれば終わり。
あぁ、適当…orz
まぁHTML5の体験って意味では良いかな別に。

というか、こんな事よりもValidなソースが書きたい…。

コメントを投稿する

* が付いている項目は必須です。
メールアドレスが公開されることはありません。