HTMLのheadタグ内に書くべきことまとめ

2018.10.11

HTMLのheadタグ内に書くことって毎回なんだったかなあと調べている気がするので、テンプレートのようにまとめてみました。


<!DOCTYPE HTML>
<html>
<head>
  <!-- metaタグ -->
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <meta name="description" content="ゆーじの備忘録サイトです。" />
  <meta property="og:url" content="https://unity-yuji.xyz/" />
  <meta property="og:title" content="ゆーじのUnity備忘録" />
  <meta property="og:type" content="website">
  <meta property="og:description" content="ゆーじの備忘録サイトです。" />
  <meta property="og:image" content="path/to/image.png" />
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:site" content="@yuji_ap" />
  <meta property="og:site_name" content="ゆーじのUnity備忘録" />
  <meta property="og:locale" content="ja_JP" />

  <!-- キャッシュ -->
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Cache-Control" content="no-cache" />
  <meta http-equiv="Expires" content="0" />

  <!-- title -->
  <title>ゆーじのUnity備忘録</title>

  <!-- icon -->
  <link rel="shortcut icon" href="img/icon/yuji_icon_512x512.png" type="image/png" />
  <link rel="apple-touch-icon" href="img/icon/yuji_icon_512x512.png" type="image/png" />

  <!-- 外部CSS/script -->
  <link rel="stylesheet" href="css/stylesheet.css" type="text/css" charset="UTF-8">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="js/script.js" type="text/javascript" charset="UTF-8"></script>

  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous" />
  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/earlyaccess/mplus1p.css" rel="stylesheet" />

</header>

<body>

</body>
</html>

コメント