HTML5 と CSS3を古いブラウザに対応させる方法
●html5を有効にする⇒ html5shiv.js
↓headerに読み込ませる
<!– [if lt IE 9]>
<script src=”js/html5shiv.js”></script>
<![endif]–>
●css3を有効にする⇒ respond.js
↓headerに読み込ませる
<script src=”js/respond.src.js”></script>
——————————————————-
HTML5のテンプレート——————————————————-
<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset=”utf-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″>
<title></title>
<meta name=”author” content=””>
<meta name=”description” content=””>
<meta name=”viewport” content=”width=device-width”>
<link rel=”stylesheet” href=”css/style.css”>
<!–[if lt IE 9]>
<script src=”js/html5shiv.js”></script>
<![endif]–>
</head>
<body>
<!–[if lt IE 7]>
<p class=”ie_fuck”>お使いのブラウザは<strong>古い</strong>ため、表示が崩れることがあります。
<a href=”http://browsehappy.com/”>他のブラウザ</a>を使うか、<a href=”http://www.google.com/chromeframe/?redirect=true”>Google Chrome Frame</a>をインストールすることで正しく表示することができます。</p>
<![endif]–>
<!– page content –>
<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js”></script>
<script>window.jQuery || document.write(‘<script src=”js/libs/jquery-1.7.2.min.js”><\/script>’)</script>
<script src=”js/script.js”></script>
</body>
</html>
関連記事はこちら！
スポンサーリンク
ポチッ☆とクリックお願いします！
↓ ↓ ↓
