HTML5 Skeleton
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <link rel="stylesheet" href="/css/main.css"> <link rel="icon" href="/favicon.png"> </head> <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="js/scripts.js"></script> </body> </html>
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"> <head> <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 > <body> <!-- Your Content --> </body> </html>
thanks this helps me a lot getting started with new html projects, nice clean document to work from
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.