Create Next App

The head tag in HTML is the way to tell the browser a few things before it starts rendering the page. You can put your CSS, JavaScript, Meta information, and more in this tag. Like I said earlier, the head tag will not actually display any content on the page itself. However, you can place content between the <title> </title> tags that will show content in the page tab in the browser. If you look on the tab now you can see that I have put content in the title tag.

Example

<html>
    <head>
        <title>HTML Head Tag</title>
    </head>
    <body>
    </body>
</html>

Boom! You just set a page title. Never forget to set the page title! It helps users who have multiple tabs open to understand what your tab is all about. It also is the displayed text in the search results. So, if you want people to consider clicking your link in the search results, you must have a title tag. How many links do you click on without a title tag?

Meta Tags

Aside from the title in the head tag, HTML pages have the ability to use Meta tags. While not explicit to the user, search engines crawl through these Meta tags to help display the best information possible for the user. Quite a few Meta tags exist, but only a few are commonly used:

<meta name="description" content=" A description about your HTML page goes here"/>
<meta name="keywords" content=" Keywords, about, your, content, goes here"/> (Notice the commas to separate keywords.)
<meta http-equiv="Content-Type" content="text/html;charset=utf-8″ />

Now, I said at the top of this page that you can embed CSS and JavaScript in the head tags (not in the title tags), but we will get to those in their separate tutorial categories. Well, that pretty much concludes foundation of the head tag.