HTML5のベーステンプレート(コピペ用)

ほぼ使う事はないけれど自分用にメモ

#背景

専用のエディタなら流し込めるけれど、そういうのが無いとき用。

#ソース

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
  </head>
  <body>
      
  </body>
</html>

#Bootstrap CDN

本来であれば自前で用意するので必要ないのだが、テスト用などでは使ったりする。

//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">

#Viewportの設定

サイトの対象ユーザーの状況に応じて変えるべき設定。

#拡大・縮小を自由にする

<meta name="viewport" content="width=device-width">

#拡大・縮小させない

<meta name="viewport" content="width=device-width, initial-scale=1">

ちなみに Bootstrap だとこのパターンが example には入ってる。

#互換表示させない

以下は、IEで互換表示させないためのおまじない。

<meta http-equiv="X-UA-Compatible" content="IE=edge">

#おまけ

#古いブラウザへの配慮

本当はもう要らないけど、IE8などに配慮する場合は以下を<head>内に追加する。

<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
twitterfacebookhatenafacebook