Search results
Example. Two sections in a document: <section>. <h2> WWF History </h2>. <p> The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961. </p>.
- Overview
- Attributes
- Usage notes
- Examples
- Browser compatibility
- See also
The HTML element represents a generic standalone section of a document, which doesn't have a more specific semantic element to represent it. Sections should always have a heading, with very few exceptions.
This element only includes the global attributes.
As mentioned above, is a generic sectioning element, and should only be used if there isn't a more specific element to represent it. As an example, a navigation menu should be wrapped in a element, but a list of search results or a map display and its controls don't have specific elements, and could be put inside a .
Also consider these cases:
•If the contents of the element represent a standalone, atomic unit of content that makes sense syndicated as a standalone piece (e.g. a blog post or blog comment, or a newspaper article), the element would be a better choice.
•If the contents represent useful tangential information that works alongside the main content, but is not directly part of it (like related links, or an author bio), use an .
•If the contents represent the main content area of a document, use .
•If you are only using the element as a styling wrapper, use a instead.
Simple usage example Using a section without a heading
Circumstances where you might see used without a heading are typically found in web application/UI sections rather than in traditional document structures. In a document, it doesn't really make any sense to have a separate section of content without a heading to describe its contents. Such headings are useful for all readers, but particularly useful for users of assistive technologies like screen readers, and they are also good for SEO. Consider however a secondary navigation mechanism. If the global navigation is already wrapped in a element, you could conceivably wrap a previous/next menu in a : Or what about some kind of button bar for controlling your app? This might not necessarily want a heading, but it is still a distinct section of the document:
BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
•Other section-related elements: , , , , h1, h2, h3, h4, h5, h6, , , ,
•Using HTML sections and outlines
•ARIA: Region role
•Why You Should Choose HTML5 article Over section, by Bruce Lawson
Jan 17, 2024 · Learn how to use the HTML section tag to divide the content into sections and subsections. See examples of nested section tags and supported browsers.
Learn how to use the HTML tag to define sections in a document. See examples of how to style and apply the tag with CSS and HTML5 attributes.
Learn how to use the HTML tag to organize complex documents into sections with related content. See examples of nested tags, browser output and when to use the tag.
HTML <section> is one of the HTML5 elements. It is used to create standalone sections within a webpage containing logically connected content (news block, contact information, etc.). The <section> tag is often used when creating a landing page to divide the page into separate logical blocks.
People also ask
What is HTML section> tag?
What is a subsection tag?
What does section> mean in HTML?
What is an HTML tag?
What is HTML Section Tag. Section tag specifies the section of an HTML document. The HTML <section> tag separates the source content into sections or subsections. So users can use this <section> tag when conditions for two headers or footers or any other section of documents are needed.
