HTMLのヘッダー<DOCTYPE>宣言テンプレート。CSSファイル・JSファイル読み込み版など。コピペ用。

HTMLファイルを作成し、ブラウザで表示するための<DOCTYPE>宣言・コピペ用のひな形です。

シンプルな<!DOCTYPE>宣言 (.html)

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>タイトル</title>
</head>
<body>
  <p>コンテンツ</p>
</body>
</html>

外部CSS・JSファイル読み込み用 (.html)

外部CSSファイルやJSファイルを読み込む+CSSを記述する場合。

<!DOCTYPE html> 
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>タイトル</title>
    <link rel="stylesheet" href="style.css">
    <script src="script.js" defer></script>
    <style>
	</style>
</head>
<body>
  <p>コンテンツ</p>
</body>
</html>

こんなときに

取り急ぎHTMLファイルを作成し、ブラウザで表示確認したい時など。
<!DOCTYPE>宣言を書くのが地味に面倒だったのでコピペ用にメモ。

記事について

当サイトは、主に自分用の備忘録として情報をまとめています。個別の質問にはお答えできません。
紹介するコードや設定をご参考の際は、ご自身の責任においてご利用ください。編集や実行によるいかなる損害・不具合についても、当サイトは責任を負いかねます。
必ず事前にバックアップを取り、安全に作業を行ってください。
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする