HTML HEAD tag checklist

Here is a checklist for you to make sure you didn't forget anything from the <head> section of your webpage. However this part can be omitted in HTML5, search engine optimisation and new technologies require some of these. The example below helps you notice if you have missed something.




<!DOCTYPE html>
<html lang="en-US">

<head>
<meta charset="UTF-8"/>
<meta name="apple-mobile-web-app-title" content="WWWEEEBBB"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="#### Meta Description ###"/>
<meta name="Keywords" content="web,keywords">

<title>#### Title of the page ####</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
<link rel="shortcut icon" href="/favicon.ico"/>
<link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
<link rel="alternate" hreflang="en" href="http://wwweeebbb.com"/>
<link rel="alternate" hreflang="ru" href="http://wwweeebbb.com/russian"/>
<link rel='shortlink' href='http://wwweeebbb.com' />

<meta property="og:type" content="website"/>
<meta property="og:url" content="http://wwweeeebbb.com/"/>
<meta property="og:title" content="Convert Case - Convert upper case to lower case, lower case to upper case and more!"/>
<meta property="og:image" content="http://wwweeebbb.com/apple-touch-icon.png"/>
<meta property="og:description" content="#### Meta Description ###"/>

<script type='text/javascript' src='/javascript-file.js'></script>
<!--[if lte IE 8]>
        <script src="/ie7.js"></script>
    <![endif]-->
</head>

<body></body>
 
</html>

The <head> section of the HTML document is a container for all meta data which describe the document. This is where the styles, scripts, links and other meta information is declared: <title>, <style>, <meta>, <link>, <script>, and <base>.

Popular posts from this blog

Free online Word Doc to HTML converter, the new WordOff

The Best Online HTML Editor