HTML Raw Skeleton

By Dag, on December 30th, 2016

My default basic skeleton for new web pages/projects. I like to keep things simple and the HTML5 doctype is just that, since it doesn't need a SGML definition (DTD) and it's short and easy to remember. I've been using it since Google started doing it before HTML5 was widely supported and never had a problem with HTML or CSS.

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="" rel="stylesheet" type="text/css">
<script src="" type="text/javascript"></script>
<title></title>
</head>
<body>

</body>
</html>

A proper DOCTYPE to pick from to make layouts adapt nicely on a mobile screen:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
 
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.1//EN"
"http://www.openmobilealliance.org/tech/DTD/xhtml-mobile11.dtd">
 
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN"
"http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">

A meta tag for avoiding unnecessary scrolling and creating a "perfect fit":

<meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />