HTMLのテンプレートをさがす - 思い描いたものをかたちにする

私の勉強していた頃は、HTML４からXHTML、HTML５が出てきたころでした。
今何から書きだしたらよいかは、こちらを参考にすることにしました。
colissさんのサイトcoliss.com

引用

<!DOCTYPE html>
<html lang="ja" class="no-js">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width">
 
  <title>ページのタイトル</title>
 
  <script type="module">
    document.documentElement.classList.remove('no-js');
    document.documentElement.classList.add('js');
  </script>
 
  <link rel="stylesheet" href="/assets/css/styles.css">
  <link rel="stylesheet" href="/assets/css/print.css" media="print">
 
  <meta name="description" content="ページの説明文">
  <meta property="og:title" content="ページのタイトル">
  <meta property="og:description" content="ページの説明文">
  <meta property="og:image" content="https://mywebsite.com/image.jpg">
  <meta property="og:image:alt" content="画像の説明文">
  <meta property="og:locale" content="ja_JP">
  <meta property="og:type" content="website">
  <meta name="twitter:card" content="summary_large_image">
  <meta property="og:url" content="https://mywebsite.com/page">
  <link rel="canonical" href="https://mywebsite.com/page">
 
  <link rel="icon" href="/favicon.ico">
  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
  <link rel="manifest" href="/my.webmanifest">
  <meta name="theme-color" content="#FF00FF">
</head>
 
<body>
  <!-- コンテンツ -->
  <script src="/assets/js/xy-polyfill.js" nomodule></script>
  <script src="/assets/js/script.js" type="module"></script>
</body>
</html>