Use quote marks to find an "exact phrase"

Print version

print icon

9: Page structure: Head element

The 'head' element

The 'head' element (often called here the head 'section') is one of the four essential parts of an HTML document you learnt about in the previous lesson. It contains 'metadata', information that the browser needs to know about the page. None of the content of the 'head' section is visible on the web page.

The list you see below shows a typical selection of items in the head section, and they will probably be enough for most websites. However, there are others to choose from, so once you get started in your web designing you may wish to find out more about the head section.

Putting it all together

This is what the head section could look like when you put all the above items together. Adjacent to each item is a description in brackets.


<head>		
  <title>Page title</title>				[page title]
  <link rel="stylesheet" href="style.css">		[path to stylesheet]
  <meta charset="UTF-8">					[character set]	
  <meta name="description" content="My webpage">	[for search engines]
  <meta name="keywords" content="html, css">		[for search engines]
  <meta name="author" content="My Name">		[author]
  <meta name="viewport" content="width=device-width, initial-scale=1.0">	[viewport]	
</head>