HTML Raw Skeleton
By Dag, on December 30th, 2016My 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" />