Two-point summary of the difference between the HTML header label and the footer label (with the example of element differentiation)

This article focuses on the two-point difference between the HTML header tag and the footer tag, so let's take a look at this article about HTML header tags and footer tags.

First, let's take a look at the differences between

The

Note:

<footer> tags define the footer of a document or part of a document.

The <footer> element should contain information about the elements it contains.

Typically, this element contains the name of the creator of the document, the copyright information for the document, a link to the terms of use, contact information, and so on.

In a document, you can define multiple <footer> elements.

<article>  
Here are:


Second, we will now look at the difference between the header label and the footer label on the other hand:

Header element:

Represents a set of guided content for its most recent parent element. The parent element of the header may be a section element (Artic,section,aside, etc.) or a root element (body element). When the nearest parent element of the header element is the BODY element, the header element represents a set of introductory content for the entire HTML page. If you have a new area content in your HTML document, you can add header elements based on the needs of your content, which improves the semantics of your document.

Footer elements:

Represents the content of its most recent parent element supplement, footer's parent element may be a section element or a root element.

The content of the footer element is usually related to the content of the current region, such as the relevant links, copyright information, etc. of the content of the current area.

When the nearest parent element of the footer element is the BODY element, then the footer element represents a supplemental description of the entire HTML page.

Footer elements are typically used to mark some extended information about the contents of a page, such as appendices, terms, version information, license agreements, or other content.

Here's an example of the difference between a header label and a footer tag:

<! DOCTYPE html>
The effect is this:


 Above is the whole content of this article (want to see more, Welcome to topic.alibabacloud.com study. More programming courses waiting for your arrival), have the problem can leave a message below