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

Online Windows XP simulator prank

Image
April Fools' Day is approaching and you might need some new ideas of how to prank your friends. A classic office prank is when someone takes a screenshot of the others desktop and opens the image full screen, making the other believe that his computer is frozen. The only downside of this prank is that people quickly realize what's going on and they close the window. In this article I want to present a more effective way of a similar prank where people can actually interact with the screenshot. Geek Prank is an online old Windows XP simulator people can interact with, making the scenario more real, not like a simple frozen image.
Read more

HTML JavaScript and CSS Cheat Sheets

Image
Programmers who use many programming languages often forget even the most common syntax they use every day. To be honest, I don't remember exactly how to write a for loop because it's always easier to look up on W3 Schools or on Stack Overflow the exact code. It just takes a quick Google search and there will be no error for sure. I'm glad to present today the new Cheat Sheet for web developers which has a separate page for HTML , CSS and JavaScript . A screenshot from the CSS page.
Read more