+ folder/index.html
<!DOCTYPE html><!DOCTYPE html><html>...</html><!DOCTYPE html><html> <head>…</head> <body>…</body></html><!DOCTYPE html><html> <head> <title>My website!</title> </head> <body> Hello world! </body></html>HTML Layout
<!DOCTYPE html><html> <head> <title></title> </head> <body> <header> <nav> <ul> <li> <a></a> </li> <li> <a></a> </li> </ul> </nav> </header> <main> <section id=hero></section> <section></section> </main> <footer></footer> </body></html>HTML Meta
<!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta --><!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel -->
<meta charset='UTF-8'/> <!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta#charset -->
<!-- Responsive --><meta name=viewport content='width=device-width, initial-scale=1'/> <!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta/name/viewport -->
<!-- Icon --><!-- https://developer.mozilla.org/en-US/docs/Glossary/Favicon --><!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel#icon --><link rel=icon href='/favicon.ico'/><link rel=icon type='image/svg+xml' href='/favicon.svg'/>
<meta name=title content={title}/> <!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/title --><meta name=description content={description}/> <!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta/name#description --><meta name=author content={author}/> <!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta/name#author -->
<link rel=canonical href={url}/> <!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel#canonical -->
<!-- Color --><!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color --><meta name='theme-color' content={color} media='print'/>
<!-- Open Graph protocol / Facebook --><!-- https://ogp.me --><meta property='og:type' content='website'/><meta property='og:url' content={url}/><meta property='og:title' content={title}/><meta property='og:description' content={description}/><meta property='og:image' content={image}/>
<!-- Web App --><link rel=manifest href='manifest.json'/> <!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel/manifest -->
<!-- Schema Markup --><!-- https://schema.org --><!-- https://json-ld.org --><script type='application/ld+json'> {JSON.stringify(schemaMarkup)}</script>