HTML Head Elements

HTML Head Elements:

HTML <head> is a necessary part of hyper text markup language. HTML head element is a container and we utilize this head block to add multiple elements. HTML Head container contains few major tag like <title> <style><link> and <meta> tag elements. We can also add <meta> tag element such as Google verification meta info etc. We will observe all of these elements one by one and understand its importance.

HTML <Title> Element:

HTML <title> tag element is utilize with every signal page. We can preview this title element in our browser top bar. We utilize this element in search engines during make Seo snippets. See the example below and try to understand it.

<head>
<title>Knowledge idea is a education and learning based website.</title>
</head>

In the above example, You can estimate the value of title tag element. Every website or blog pages have an title tag element and we put this <title> tag inside of head container.

HTML <Link> Element:

HTML <link> tag utilize for internal links means inside of website document or file and other we utilize this link tag for external source like Pingback relation urls etc. inside of head container. See the example below.
Below link element specify the path of css document.

<head>
<link rel="stylesheet" type="text/css" href="http://www.knowledgeidea.com/css/style.css">
</head>

Below link element specify the website favicon icon path .

<head>
<link rel="shortcut icon" href="http://www.knowledgeidea.com/images/favicon.jpg" title="Favicon" />
</head>

Below link element specify the Pingback link.

<head>
<link rel="pingback" href="http://www.knowledgeidea.com/abc.php" />
</head>

In the above lines of code, We write few common links elements. In the above code, We write first StyleSheet link element second line contains favicon link element same as third contains pingback link element respectively. You can add multiples links elements inside head container.

HTML <Meta> Element:

HTML <meta> tag element provide the meta information about particular webpage. Mostly usage of <meta> tags are, meta title, meta description, meta keyword, author links and meta robots etc. Almost <meta> elements belong to Organic Seo. We utilize meta information for search engine ranking and Seo Purpose. Search engines take this meta information and show in the form of search results. So keep remember that, Meta elements are the crucial part of web development. To understand in better way, See the example below.
Specify the Meta Description element below.

<head>
 <meta name="description" content="Enter Your Page Description"/>
</head>

Specify the Meta Keyword element below.

<head>
 <meta name="keyword" content="Enter Your Page keyword"/>
</head>

Specify the Meta Robots element below.

<head>
 <meta name="Robots" content="noodp,noydir"/>
</head>

Specify the Meta author element below.

<head>
 <meta name="author" content="Enter author name"/>
</head>

In the above meta information, We clarified four meta elements with meaningful example. Keep remember that, Above four meta elements are essential meta elements and on every web page should have these meta elements. Must try to add these html head elements on all web pages. If you love our work and our skills criteria then please Subscribe our Newsletter here. For further query leave comment below. 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *