HTML Boilerplate Generator
Generate a modern HTML5 starter page with the viewport meta tag, SEO description, Open Graph tags, favicon and stylesheet links.
How to use
- 1Fill in the page title, description and language.
- 2Tick the extras you need and copy the HTML.
Frequently asked questions
Why is the viewport meta tag important?
Without it, phones render the page at desktop width and zoom out. width=device-width, initial-scale=1 makes responsive CSS work.
What are Open Graph tags?
og: meta tags control the title, description and image shown when your page is shared on Facebook, LinkedIn, Slack and others.
Why add the lang attribute?
It tells screen readers how to pronounce the text and helps search engines and translation tools.