最低限Headerに入れたい情報 - samidevjp/Tips GitHub Wiki

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>サイトタイトル</title>
    <meta name="description" content="" />
    <!------------------- OGP ------------------->
    <meta property="og:title" content="サイトタイトル" />
    <meta property="og:type" content="website" />
    <meta property="og:description" content="" />
    <meta property="og:site_name" content="サイトタイトル" />
    <meta property="og:image" content="" />
    <meta property="og:url" content="https://" />
    <meta property="og:locale" content="ja_JP" />
    <!-------------- theme color -------------->
    <meta name="theme-color" content="#ffffff" />
    <!---------------- Twitter ---------------->
    <meta name="twitter:card" content="summary_large_image" />
    <!-- ↓省略可能 -->
    <meta name="twitter:site" content="@" />
    <!--------------- Favicon --------------->
    <link rel="icon" href="favicon.ico" />
    <!-------------- Touch icon -------------->
    <link rel="apple-touch-icon" href="apple-touch-icon.png" sizes="180x180" />
    <link
      rel="icon"
      type="image/png"
      href="android-touch-icon.png"
      sizes="192x192"
    />
    <!------------- Style sheet ------------->
    <link rel="stylesheet" href="assets/css/slick.css" />
    <link rel="stylesheet" href="assets/css/style.css?ver=1.0.0" />
  </head>
  <body>
    <!---------------- contents ---------------->
    <header></header>
    <section></section>
    <footer></footer>

    <!--------------------- JavaScriptファイルは基本bodyタグ直前でも上に書いても良い(内容による) ------------------------->
    <!--jQuery-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
    <!-- JavaScript file -->
    <script src="assets/js/script.js"></script>
  </body>
</html>
⚠️ **GitHub.com Fallback** ⚠️