Home
« Wider margin or padding issue in IE6

Basic HTML template

Posted Oct 23rd, 2008 by David Calhoun in html

This is basically for my own use, but others might find it useful as well:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title></title>

	<meta name="keywords" content="" lang="en-us" />
	<meta name="title" content="" lang="en-us" />
	<meta name="description" content="" lang="en-us" />
	<meta name="robots" content="all" />
	<meta name="author" content="" />
	<meta http-equiv="Content-Language" content="en-us" />

	<link rel="stylesheet" type="text/css" charset="UTF-8" href="" />
	<script type="text/javascript" charset="UTF-8" src="" />
</head>
<body lang="en-us">

</body>
</html>

And some rationale for ordering of elements:

  • Content-Type should be included before everything else in HEAD because this allows the browser to correctly interpret the following tags in the right encoding set
  • Title should be included right after the content-type tag, since it’s probably the most important part of the entire page.  It allows the user to determine if they want to look at the rest of the page.
  • CSS is usually more important than JavaScript, so it’s included first.  The user usually starts looking at the content first, which is styled by the CSS.  Usually JavaScript only takes in effect when the user interacts with the page.  But the user usually interacts with the page only after viewing content, so the content (HTML) and styling of that content (CSS) take precedence.

Trackback URI | Comments RSS

Leave a Reply

Categories

RSS Feed Subscribe to RSS
Powered by WordPress.