Learning never exhausts the mind
Home >  Web Design > HTML & CSS > Basic HTML5 Skeleton Document

Published 25th January 2010 by

I'm always creating basic HTML pages by hand, writing out the same skeleton code time and time again. I've decided to create a page with some basic HTML which I can now use to copy & paste to save time. Here is the most basic XHTML framework where you can just fill in the blanks.

HTML5 Skeleton

<!doctype html>
<html lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/css/main.css">
    <link rel="icon" href="/favicon.png">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="js/scripts.js"></script>

XHTML Skeleton

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <title>Your Title</title>
  <meta name="Description" content="Your description" />
  <meta name="Keywords" content="Your, comma delimited, keywords" />
  <meta equiv="content-type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" type="text/css" media="all" href="your-css-stylesheet.css" />
</head >
  <!-- Your Content -->
2 thoughts on “Basic HTML5 Skeleton Document
  • 6th April 2018 at 12:00 am

    thanks this helps me a lot getting started with new html projects, nice clean document to work from

  • Vladimír ?unát
    23rd July 2015 at 12:00 am

    This tends to have problems with UTF-8 content. I just did a quick test in firefox, no digging. Using upper-cased "UTF-8" instead fixed that for me.


Leave a Reply

Fields marked with * are mandatory.

We respect your privacy, and will not make your email public. Hashed email address may be checked against Gravatar service to retrieve avatars. This site uses Akismet to reduce spam. Learn how your comment data is processed.