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

The Best Online HTML Editor

Image
The best free online WYSIWYG HTML code editor you can find today is hosted by www.HTML-Online.com/Editor . This is the most user-friendly web-based code creator to compose website content without downloading any application. All you need is a web browser and you can start using this rich text editor without registration or paying any subscription fees.
Read more

Word to Clean HTML

Image
If you have already saved a Microsoft Word document as an .html file and checked the source code with a plain text editor then you might know how many unwanted code is added to the file. A lot of comments, spans, classes, ids, inline styles which would affect the quality of your web page. The same happens when you copy-paste the content from a Microsoft Word document into an online WYSIWYG editor . It gets filled with dirty code you must clean it before publishing. The onile HTML Code cleaner  will help you tidy up you messy code with custom cleaning options. For this just copy the content of your .doc file into the visual editor of our online tool and press the Clean HTML button after you set the cleaning preferences. Some of these are set by default when you fire up the application. As you give the cleaning command you can see the visual editor and the source code being changed. When you're satisfied with the quality of the source code, go ahead and copy the source code and p
Read more