HTML Boilerplate
5 min read
A production HTML boilerplate includes DOCTYPE, lang, charset, viewport, title, meta description, canonical URL, Open Graph tags, favicon links, and a skip navigation link for keyboard accessibility.
Production HTML Boilerplate
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="...">
<title>Site Name - Page Title</title>
<link rel="icon" href="/favicon.ico">
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
<a href="#main" class="skip-link">Skip to main content</a>
<header>...</header>
<main id="main">...</main>
<footer>...</footer>
<script src="/js/app.js" defer></script>
</body>
</html>