It would be sin to leave you without the corresponding TextMate snippet:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>${1:Title}</title>
${2:<link rel="stylesheet" href="/css/base/base.css" type="text/css" media="screen" charset="utf-8" />}
<style type="text/css" media="screen">
<!--
body { background-color: #f0f0f0; color: #333; font: 12px 'trebuchet ms', sans-serif; }
h1 { font: 300% 'trebuchet ms', verdana; }
a { color: #3875D7; font-size: 14px; }
a:hover { color: orange; }
pre { width: 100%; }
-->
</style>
${3:<script type="text/javascript" src="/js/base/base.js"></script>}
${4:<script type="text/javascript">
<!--
$0
//-->
</script>}
</head>
<body>
<div id="doc">
<div id="hd">
<h1>$1</h1>
</div>
<div id="bd">
</div>
<div id="ft">${5:
<a href="http://blog.polyesterhat.com">Polyesterhat's Blog</a>
}</div>
</div>
</body>
</html>
The Basic XHTML Strict template is already built into TextMate; that's where I got it.
