on air

HTML <head> Tag Content.

back home » webtutorials » HTML <head> Tag Content.

Scenario.

Inside the <head> tag is where you can store most browser information.

In this tutorial we are going to learn what can be placed between the <head> tags, and how they can affect the browser interaction.

Please Note carefully, and don't mis-thinking we are talking about the head part of the main <body> tags.

<meta>

The <meta> tag provides metadata. This is the information about the HTML document, and it always comes as name/value pairs.

The <meta> tag belongs inside the head element and will not be displayed in a browser.

Browsers use the <meta> information provided by author to display or reload page's content the preferred way.

The <meta> element is mainly used to provide information like keywords for search engines, and document description.

It can also be used to create author's information, document's last modification, Language and more.

The <meta> element has no ending tag in HTML. However, it must be closed properly.

Illustration below is a list of <meta> information written in XHTML format.

In HTML format the ending is without a forward slash [ / ] 

<head>

<meta http-equiv="Content-Type" 
content="text/html; charset=utf-8" />

<meta http-equiv="Content-Language" 
content="en-us" />

<meta name="lang" 
content="en-us" />

<meta http-equiv="content-script-type" 
content="text/javascript" />

<meta name="description" 
content="Page's info Summary." />

<meta name="keywords" 
content="Document keywords." />

<meta name="author" 
content="name of author" />

</head>

<style>CSS Declaration</style>

CSS can also be defined inside the <head> tag. And its definitions could be applied to elements in the entire document.

See illustration below.

<head>
<style type="text/css">
<!--
h1 {font-family : Verdana, Arial, Helvetica;
font-size : 20px;
}
-->
</style>
</head>

<title>Content</title>

The most important content of the <head> tag is the <title> tag. This will contain the title of your page, which will appear always on the top of browser, when the page is loaded.

See illustration below.

<head>
<title>The title of your page comes here</title>
</head>

<link>

The HTML link element can also be placed inside the <head> tag to define a connection between the document and an external stylesheet.

This can also be used to create a favicon for your entire website (Favicon is the small logo that appears in browser URL).

The <link> element has no ending tag in HTML. However, it must be closed properly.

Illustration below shows a <link> element used in XHTML format.

<head>

<link rel="shortcut icon" 
href="https://site.com/favicon.ico" 
type="image/x-icon" />

<link href="https://site.com/style.css" 
rel="stylesheet" type="text/css" />

</head>

<script>Content</script>

Scripts like javascript can also be placed inside the <head> tag. For example, Google's analytics script must be placed just before the closing </head> tag, so browser will execute it before the main content.

Google's analytics script is somehow like in illustration below.

<head>

<script type="text/javascript">
var _bus = _bus || [];
  _bus.push(['_setAccount', 'ABC-xxxxxxxx']);
  _bus.push(['_trackPageview']);
 (function() {
  var me = document.createElement('script');
 me.type = 'text/javascript';
me.bsync = true;
  me.src = ('https:' == document.location.protocol
 ? 'https://ssl' :
 'https://www') + '.google-analytics.com/me.js';
  var x = document.getElementsByTagName('script')[x];
x.parentNode.insertBefore(me, x);
  })();
</script>

</head>

HTML <base> Tag.

The HTML <base> tag comes also inside the <head> element to define a default URL, target or both for links inside a document. For more info check our <base> element tutorial.

The <base> element has no ending tag in HTML. However, it must be closed properly.

Illustration below shows a <base> tag used in XHTML format.

<head>
<base href="https://www.abc4website.com/images/" />
</head>

HTML Basic Tutorials.

Top Articles.

Clicks4UrMind

Man will give you worldly powers, and make you feel on top of all, note this is temporally and could be redrawn at anytime sending you back to the ground floor of life. However, the Lord Almighty, the one and the only rightful ruler of the Universe, blesses everlastingly.

Brain

Knowledge is Power, but Power is not Knowledge. Wisdom is the truthful Power that identifies the Knowledge within the man. And only, I repeat 3x. Only the almighty God has the power to bless the man with his Wisdom forever.

To achieve the Lord's blessings, cease not praying daily, asking for his Wisdom, and you'll be blessed abundantly...

SPYERA PHONE

Spyera Phone

Spyera Phone version is software that you install on a smart phone to monitor everything happening on the phone. After installation, SPYERA secretly records events (sms, call history, phone book, location, emails, What's App messages, IM, Facebook Chat, Skype, See photos taken and many more...) that happen on the phone and delivers these information to a web account, where you can view these reports 24/7 from any Internet enabled computer or mobile phone. SPYERA also allows you to listen to the surroundings of the target mobile , listen to the phone conversation and to know the location of the device.

Please, Kindly Donate What You Can, Enabling Us Pay Hosting And Domain Costing, And Do More.

Please Donate