基本構造

DOCTYPE宣言

  • 必須
<!DOCTYPE html>

ルート要素

  • html要素
  • lang属性も含める
<html lang="ja">

基本情報の記述場所

  • head要素
<head></head>

エンコードの種類の指定

<meta charset="UTF-8">

ページのタイトル

  • title要素
  • 検索対象にするキーワードから書き始める
<title></title>

スタイルシートの設定

  • style要素
  • type属性を省略
<style></style>


外部スタイルシートの指定

  • link要素
<link rel="stylesheet" href="style.css">

JavaScriptの設定

  • script要素
  • type属性を省略
<script ></script>


外部JavaScriptファイルの指定

<script src="main.js"></script>

IE対策

  • このスクリプトは <head> 要素の中に入れなければいけないことに注意!
<!--[if lte IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<style>
  article, aside, dialog, figure, footer, header,
  main, menu, nav, section { display: block; }
</style>

基本形

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="">
<!--[if lte IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<style>
  article, aside, dialog, figure, footer, header,
  main, menu, nav, section { display: block; }
</style>
<script src=""></script>
</head>
<body>
	
</body>
</html>