See the HTML5 Boilerplate website - html5boilerplate.com.

The page below is based on dist/index.html of the html5-boilerplate repo.

  • index.html 
      <!DOCTYPE html>
  <html class="no-js" lang="en">

  <head>
      <meta charset="utf-8">
      <title>My title</title>
      <meta name="description" content="My description">
      <meta name="viewport" content="width=device-width, initial-scale=1">

      <meta property="og:title" content="My title">
      <meta property="og:type" content="">
      <meta property="og:url" content="">
      <meta property="og:image" content="">

      <link rel="manifest" href="site.webmanifest">
      <link rel="apple-touch-icon" href="icon.png">

      <link rel="stylesheet" href="css/normalize.css">
      <link rel="stylesheet" href="css/style.css">

      <meta name="theme-color" content="#fafafa">
  </head>

  <body>
  </body>

  </html>

Notes

  • Place favicon.ico in the root directory. It should be picked up with out a tag here.
  • Assets are in dist. See dist/css.
  • See also Normalize.css homepage.
  • See the OG homepage for og tags.