Footer Tag In HTML
In this post, we will talk about the HTML Footer Tag. Aspiring to meet the demands of learning.
In HTML, the <footer> tag represents a footer section or container for content that appears at the bottom of a web page. The <footer> tag is used to define the footer of a document or a section. It is often used to include information about the author, copyright information, contact information, and links to related documents.
A document’s footer section:
Example:
The following CSS code can be used to style the footer:
Example:
Here is an example of <footer> tag with <nav> tag:
Example:
footer tag Usage
Html footer tag <footer> identifies a document or section footer.
Usually, a footer element contains the following information:
- Details about the author.
- Information about copyright.
- A brief description of the contact.
- Detailed site map.
- Links to the top.
- Documents related to this topic.
Attributes
Global
In HTML, the <footer> Tag accepts Global Attributes as well.
Event
In HTML, the <footer> Tag accepts Event Attributes as well.
Browser Compatibility
In the following table, the numbers indicate the version of the browser that is compatible with the element in the footer tag.
| Element |  |  |  |  |  |
|---|---|---|---|---|---|
| <footer> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Predefined CSS
In many browsers, the <footer> element will appear with the following default values:
footer {
display: block;
}HTML Footer Tag Advantages
There are several advantages to using the HTML <footer> tag:
- By using the <footer> tag to mark up the footer section of your webpage, you are helping to improve the accessibility of your site for users who rely on screen readers or other assistive technologies. This makes it easier for users to navigate and understand the content of your website.
- Using the <footer> tag can also help improve the SEO of your website by making it easier for search engines to understand the structure of your webpage. This can help your site rank higher in search engine results pages (SERPs).
- By using the <footer> tag consistently throughout your website, you can help ensure that your site has a consistent look and feel, which can help improve the user experience.
- Using the <footer> tag to mark up the footer section of your webpage can help separate it from the main content of the page, which can make it easier for users to identify and focus on the important content.
- The <footer> tag can also be used to apply specific styles to the footer section of your webpage, which can help make it stand out and be more visually appealing to users.
