Welcome Guest! (App Version 3.1)

websitnero logo name

Head Section in HTML

Overview

  • Head section contains all the metadata about a webpage like keywords, description, external CSS, external JS, title, favicon, etc.
  • Whatever you write inside the <head> tags is never shown to the user on UI.

Use of Head Section

<head> tags contain information about a web page without affecting its UI. This means that whatever code is written inside the head tags is not visible to the end user and this code does not play any direct role (apart from internal styling) to the visual design or UX of a web page.

<head>
<title>WebsiteNero</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="keywords" content="html tutorial">
<meta name="description" content="free online html tutorial">
<link rel="icon" href="someImage.png">
</head>

The main content of head section are as follows:

  • External CSS reference
  • Style tags for CSS Internal Styling
  • Script tags to reference external JavaScript files
  • Meta tags for SEO purpose, including keyword and description attributes
  • Title of the web page
  • Favicon of the web page

Note: Head tags can be said to contain that relevant information about a web page which does not directly affect the end-user visual experience. This information is rather informative and used for resource gathering, enhancing SEO of web page, and adding title or favicon to it.

Body tag on the other hand contains the data that is visible to the end user on his computer screen. This data can be in simple text format or may contain images, audios, videos, charts or data in any other format that can be rendered on a web page.

WebsiteNero is highly optimized for learning various website developing technlogies. We try our best to add maximum modules and examples to help learn the concepts clearly and vividly. We try to present all content and examples as simple as we can removing any complexity to hurdle easy understanding. We try best provide you with worthful content, but we cannot guarantee full correctness of all the content on this site. While using this website, you agree to have read and accepted all our terms of use and conditions, cookie, and privacy policy. Copyright, 2013-2018 by websitenero.com. All Rights Reserved.