Minimum html template
Sep 23, 2024 by Charly
Hey, tired to see bad html templates ? This is the minimum html template :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1" />
<title>{...}</title>
<meta property="description" content="{...}" />
<meta name="keywords" content="key1, key2, key3 ...">
<meta name="robots" content="all">
<!-- performance optimization -->
<link rel="dns-prefetch" href="{...}" /> <!-- helps developers mask DNS resolution latency -->
<link rel="preconnect" href="{...}" /> <!-- get ready to get resources from this website -->
<link rel="preload" as="style" href="{...}/style.css" />
<!-- good practices -->
<link rel="alternate" type="application/rss+xml" href="{...}/feed" /> <!-- please respect your viewers and provide an rss feed -->
<!-- Icons -->
<link rel="icon" href="{...}/logo.svg" type="image/svg+xml" />
<link rel="shortcut icon" href="{...}/favicon.ico" />
<!-- share and for robots -->
<meta name="og:image" content="{...}/share_image.webp" />
<meta content="en_EN" property="og:locale" />
<meta name="twitter:image" content="{...}/share_image.webp" />
<!-- web app -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="theme-color" content="#{...}" />
<link rel="manifest" href="{...}/manifest.json">
</head>
<body>
<!-- page content -->
<header></header>
<article></article>
<footer></footer>
</body>
</html>
Charly
Making the web better one site at a time, with a focus on performance and sustainability