ZeroServer.tools

HTML Boilerplate Generator

Generate a clean HTML5 starter template with your preferred settings.

Document

Page title

Meta description

Language

Charset

Assets

CSS file path

JS file path

Options

Indent

Viewport meta tagDefer script loadingInclude HTML comments

Generated HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Page</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="/favicon.ico" sizes="any">
  </head>
  <body>
    <main>
      <h1>My Page</h1>
      <p>Hello, world!</p>
    </main>
    <script src="main.js" defer></script>
  </body>
</html>

What's in a HTML5 boilerplate?

A modern HTML5 boilerplate starts with <!DOCTYPE html> to trigger standards mode, a <meta charset> tag before any other content (browsers start rendering before the head is fully parsed), and a viewport meta tag for mobile responsiveness. The lang attribute on <html> is important for screen readers and SEO. Scripts placed at the bottom or with defer avoid blocking rendering. Related: CSS media query generator.

Private & free — this tool runs entirely in your browser.