YouTip

Home JavaScript PHP Python3 HTML C#Python Java PyTorch Linux C jQuery CSS XML jQuery UI Bootstrap C++Angular HTML DOM Redis Web Building

Home > HTML > Tag Footer

Tag Footer

📅 2026-06-12 | 📂 HTML

## HTML <footer> Tag The `

` tag defines a footer for a document or a section of a document. It is a semantic element introduced in HTML5 to improve web accessibility and search engine optimization (SEO). --- ## Browser Support The `

` tag is fully supported by all modern browsers: * Google Chrome * Mozilla Firefox * Microsoft Edge / Internet Explorer 9+ * Safari * Opera *Note: Internet Explorer 8 and earlier versions do not support the `

` tag.* --- ## Definition and Usage The `

` element typically contains information about its containing element. In a standard web page layout, a `

` element usually contains: * Author or creator information * Copyright data (e.g., `© 2026 YouTip`) * Links to terms of use, privacy policies, and sitemaps * Contact information * Social media links or back-to-top buttons ### Key Characteristics: * **Multiple Footers:** You can use multiple `

` elements on a single page. For example, you can have one main footer for the entire page, and separate `

` elements inside `

` or `

` tags. * **Block-level Element:** By default, browsers render the `

` element as a block-level element (starting on a new line and taking up the full width available). --- ## HTML 4.01 vs. HTML5 * **HTML 4.01:** Did not have a native footer element. Developers typically used `

` or `

`. * **HTML5:** Introduced the semantic `

` tag to replace generic `div` containers, making the document structure clearer to browsers, screen readers, and search engines. --- ## Code Examples ### Example 1: Standard Page Footer A typical footer placed at the bottom of a web page containing copyright information and contact links. ```html

© 2026 YouTip. All rights reserved.

Privacy Policy | Terms of Service

``` ### Example 2: Footer Inside an Article Using a `

` element inside an `

` to display metadata about the post. ```html

Understanding Semantic HTML

Semantic HTML elements clearly describe their meaning in a human- and machine-readable way...

Published by: Jane Doe

Published on: March 30, 2026

``` --- ## Tips and Considerations * **Contact Information:** If you include contact information inside a `

` element, it is highly recommended to wrap that information inside an `

` tag. * **Not Just for the Bottom:** Although it is called a "footer", its position in the visual layout does not strictly have to be at the bottom of the viewport. It represents the footer of its *nearest ancestor sectioning content* (like `

`, `

`, `

`, `

`, or ``). * **Accessibility (ARIA):** A `

` element that is a direct child of the `` element has an implicit ARIA role of `contentinfo`. However, a `

` inside an `

` or `

` does not have this implicit role, which helps screen readers distinguish between the main page footer and section-specific footers. --- ## Global and Event Attributes The `

` tag supports: * **Global Attributes:** Standard HTML attributes such as `class`, `id`, `style`, `title`, `lang`, etc. * **Event Attributes:** Standard HTML event handlers such as `onclick`, `onmouseover`, `onload`, etc.

← Tag Form Tag Font →

📂 Categories

YouTip © 2024-2026 | Home | Learn Technology, Build Dreams!

All content is for educational and learning purposes only.