HTML Basics: HTML Head Tag
In HTML, the <head> element is a container that holds meta-information about the HTML document, such as metadata, title, styles, scripts, and more. It is an essential part of the HTML structure and is not displayed on the web page itself.
Here are some common properties and elements that are often placed within the <head> section of an HTML document:
<title> Element:
- Specifies the title of the HTML document, which is displayed on the browser’s title bar or tab.
- Example:
<title>Your Page Title</title>
Meta Elements:
<meta charset="UTF-8">: Specifies the character encoding for the document (typically UTF-8).<meta name="viewport" content="width=device-width, initial-scale=1.0">: Sets the viewport properties for responsive web design.
Example:
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Link Element for Stylesheets:
<link> element is used to link an external stylesheet to the HTML document.
Example:
<link rel="stylesheet" type="text/css" href="styles.css">
Inline Styles:
<style> element is used to define internal or inline styles for the document.
Example:
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
</style>
Favicons:
<link> element can also be used to link a favicon (icon displayed in the browser tab).
Example:
<link rel="icon" href="favicon.ico" type="image/x-icon">
JavaScript:
<script> element is used to include JavaScript code in the document.
Example:
<script src="script.js"></script>
Other Meta Tags:
Various meta tags can provide additional information about the document, such as keywords, description, author, etc.
Example
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="description" content="A simple webpage description.">
<meta name="author" content="Your Name">
The <head> section is crucial for setting up the document’s metadata and resources. It helps search engines, browsers, and other tools understand and process information about the page. The properties mentioned above contribute to aspects such as document structure, styling, and search engine optimization (SEO).
