Head Attributes

In HTML, The element is a container that holds metadata and other information about the HTML document.
It is part of the overall structure of an HTML document and is located between the opening tag and the opening tag.
The content within the element is not directly visible on the web page but serves essential purposes related to document structure, search engine optimization, and browser behaviour.

Head Example:

<head>
 <title>
   Title of the Webpage
 </title>
 <meta description="Description of the Page goes here.... "></meta>
</head>

Common elements within the <head> section:

Title Element:

The <title> element defines the title of the HTML document, which appears in the browser's title bar or tab. It is also used by search engines to display the document's title in search results.

<head>
  <title>My Web Page</title>
</head>

Meta Tags

Meta tags provide additional metadata about the HTML document. Some commonly used meta tags include:

Charset Meta Tag: Specifies the character encoding for the document.

<meta charset="UTF-8">

Viewport Meta Tag: Defines the viewport settings for responsive web design.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Description Meta Tag: Provides a brief description of the document's content.

<meta name="description" content="This is a description of my web page.">

Link Tags:

Link tags are used to link external resources or documents. Commonly used link tags include:

Stylesheet Link: Links an external CSS stylesheet to the HTML document.

<link rel="stylesheet" href="styles.css">

Favicon Link: Specifies the icon displayed in the browser's address bar or tab.

<link rel="icon" href="favicon.ico" type="image/x-icon">

Other Head Elements:

<base> Elements: Specifies a base URL for all relative URLs within the document.

<base href="https://www.example.com/">

<script> Elements: Can be used to include JavaScript code or link to external JavaScript files.

<script src="script.js"></script>

<style> Element: Contains CSS code to be applied to the document.

<style>
  body {
    font-family: Arial, sans-serif;
  }
</style>

<-- HTML id

HTML Layout -->