HTML5の基本形(レスポンシブ対応)
レスポンシブ対応のHTML5・基本形
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- タイトル -->
<title>★</title>
<!-- CSS, JavaScript -->
<link rel="stylesheet" href="★">
<script src="★"></script>
</head>
<body>
<!-- 本文 -->
</body>
</html>
コードの解説
■ レスポンシブ対応部分。このままで特に変更する必要はありません。
<meta name="viewport" content="width=device-width,initial-scale=1.0">
■ タイトル: ★印の部分をタイトル名に変更します。
<!-- サイトタイトル -->
<title>★</title>
■ CSS: ★印の部分をcssファイル名に変更します。(例: sample.css)
<!-- CSS, JavaScript -->
<link rel="stylesheet" href="★">
■ JavaScript: ★印の部分をJavaScriptファイル名に変更します。(例: custom.js)
<script src="★"></script>