More than 3 years have passed since last update.

HTMLの超シンプルテンプレート

HTML

Last updated at 2021-06-15Posted at 2021-04-29

javascriptやCSSのチェックだけしたいけど、とりあえずHMTL一式ほしい場合の超簡易型テンプレートです。
(余計なものは極力省いています)

index.html

<!DOCTYPE html>
<html lang="ja">
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="main.js"></script>
 </head>
 <body>
  ここに内容
 </body>
</html>

style.css

@charset "utf-8";
/* CSS Document */

body{
 font: 14px/1.6 "Hiragino Kaku Gothic Pro",Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
 margin:0;
 color:#111111;
}

main.js

$(function(){
  console.log(window.location.href);
});

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up