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

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="http://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>
Web

Commentsこの記事についたコメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です