Exploring HTML Metadata and Sectioning Elements: A Comprehensive Guide

Metadata elements

In a web page, metadata is a set of data that describes and gives information about the webpage. They are elements that contains about the web page. They includes:

  • <html> tag
  • <head> tag
  • <title> tag

<html> is a metadata element from which all other elements are contained. It tells the browser that it is should use html technology standard to display a webpage.

<head> contains general information about the webpage. Have general information about the page title, scripts and page styling descriptions using css.

<title> specifies the page title and is usually nested inside <head> </head> tags.

Sectioning elements

They defines parts of the web page and includes tags like:

  • <body>
  • <h1> <h2> <h3> <h4> <h5>
  • <li>
  • <p>
  • <div>

<body> defines the body of the whole webpage between the opening body tag <body> and the closing body tag </body>. It contains all elements seen on page

<h1> defines most important and large header

<h1> means section header

<div> describes a division in a webpage. It is useful in grouping elements together especially for the sake of referring them in css styling.


Related topics