HTML5でのDOCTYPE宣言の書き方
【 XHTML1.0 TranditionalのDOCTYPE宣言 】<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
【 HTML5のDOCTYPE宣言 】
<!DOCTYPE html>
html要素と文字のエンコーディング
【 XHTML1.0のhtml要素と文字のエンコーディング 】<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
【 HTML5のhtml要素と文字のエンコーディング 】
<html lang=”ja”>
<head>
<meta charset=”UTF-8″>
※HTML5では空要素を閉じても、閉じなくても問題ない。
HTML5がIEなど対応していないブラウザへ新要素への対応
http://remysharp.com/downloads/html5.jsこちらをダウンロードして読みこませる。<!–[if lt IE 9]>
<script src=”html5.jsファイルへのパス”></script>
<![endif]–>
HTML5に対応したリセットCSSの導入
、html5doctorのリセットCSSをダウンロードして読み込み。まとめ
<!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では上記のlink要素のtype属性は省略可能。style要素・script要素などのtype属性も省略可能
