先日、本ブログで HTML5 をベースにした Theme を適用していることを知って愕然としたのですが、それでも勉強しなければと一念発起・・・って、いつも大袈裟ですがまずは HTML5 の第一歩。「HTML5でサイトをつくろう::はじめてのHTML5 第1回「HTML5の基本の書き方を覚える」」から・・・
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>サイトのタイトル</title> <link rel="stylesheet" type="text/css" href="css/html5reset.css" /> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> //ここにサイトに表示するコンテンツ内容を記述 </body> </html>
上記は、以下の点で記憶しておく必要がありそうですね！
- HTML5 での DOCTYPE 宣言の書き方
- html 要素と文字のエンコーディング
- HTML5 が IE など対応していないブラウザへ新要素への対応
- HTML5 に対応したリセット CSS の導入
上記の第1、2項はまずは記憶してしまうのが良いのでしょうね。第3、4項は一筋縄ではいかないようですね。まさか HTML5 に対応していないブラウザのために JavaScript を適用するとは考えてもいなかったのですが、将来的にはこうした面倒な対応は必要なくなるんでしょうね。
リセット CSS はついこの間、本ブログの投稿記事「リセット CSS って何だ！？」で確認していましたから驚きはなかったので、既に公開されているリセット CSS を読み込めば良い、とのことですからちょっと引用しておきましょう。
良いCSSリセット探していたところ、html5docto rのリセットCSS がよく使われているようなので、html5doctorのリセットCSSをダウンロードして読み込みます。上記のリセットは利用しているサイトも多いようなので、私もこのブログで使用させていただきました。
まずは上記が基本中の基本といったところでしょうか・・・
