Footer

Footer located at the bottom of any article or document, they can contain contact details, copyright information etc. There can be multiple footers on a page. 

Example: The below example shows the implementation of the Footer.

html
<!DOCTYPE html>
<html>

<head>
    <title>footer Tag</title>
    <style>
        p {
        font-size:25px;
        text-align:left;
        margin-top:0px;
        }
    </style>
</head>

<body>
    <footer>
        <p>
            Posted by: w3wiki
        </p>

        <p>
            Contact: 
            <a href=
"https://www.w3wiki.org">
                w3wiki.org
            </a>.
        </p>
    </footer>
</body>

</html>

Output:

HTML5 Semantics

HTML5 Semantics refers to the use of specific tags like <header>, <footer>, <nav>, <article>, <section>, etc., to provide clearer structure and meaning to web content. This improves accessibility, and SEO, and facilitates better understanding by both humans and machines.

Similar Reads

Why Do I Need to Use Semantic HTML Tags?

Using semantic HTML tags enhances website accessibility, improves search engine optimization (SEO), and provides clearer structure and meaning to content. This fosters better understanding by both users and machines, leading to improved usability and user experience....

Semantic Elements

Semantic elements have meaningful names that tell about the type of content. For example header, footer, table, … etc. HTML5 introduces many semantic elements as mentioned below which make the code easier to write and understand for the developer as well as instruct the browser on how to treat them....

The article Tag

It contains independent content which doesn’t require any other context blog Post, Newspaper Article, etc....

Aside

It is used to place content in a sidebar i.e. aside from the existing content. It is related to surrounding content....

Details and Summary

The “details” defines additional details that the user can hide or view. “summary” defines a visible heading for a “details” element....

Figure and Figcaption

These are used to add an image to a web page with a small description....

Header

As the name suggests, it is for the header of a section introductory of a page. There can be multiple headers on a page....

Footer

Footer located at the bottom of any article or document, they can contain contact details, copyright information etc. There can be multiple footers on a page....

Main

It defines the main content of the document. The content inside the main tag should be unique....

Section

A page can be split into sections like Introduction, Contact Information, Details, etc and each of these sections can be in a different section tag....

The nav Tag

It is used to define a set of navigation links in the form of a navigation bar or nav menu....

Mark

It is used to highlight the text....

Non-Semantic Elements

Tags like div, and span fall under the Non-Semantic categories as their names don’t tell anything about what kind of content is present inside them....

Supported Browsers

Google Chrome: 1Edge: 12Mozilla: 1 Opera: 15Safari: 4...