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>