HTML <section> Tag

Description

The <section> HTML tag is a structural element used to define a thematic grouping or a distinct section of content within a web page. It is part of HTML5 and helps to organize and structure the content of a webpage, making it more semantically meaningful. Typically, a <section> tag is used to encapsulate related content like articles, chapters, or any block of content that forms a cohesive unit. This tag aids in improving the accessibility and search engine optimization of a website by providing clear hierarchies and meaning to the content's structure.

Properties

Permitted Parents: Any element that accepts flow content. Note that a <section> element must not be a descendant of an <address> element
Content: Block, inline and text
Start/End Tags: Start tag: required, End tag: required

Example

HTML

<section>

  <h3>WWW</h3>

  <p>WWW stands for 'World Wide Web'</p>

</section>

Result

Editor

Attributes

None

Global Attributes

The <section> tag also supports the Global Attributes in HTML5

Event Attributes

The <section> tag also supports the Event Attributes in HTML5

Browser Support

The following table will show you the current browser support for the HTML <section> tag.

Desktop

12	5	4	11.1	5

Tablets / Mobile

18	4	11.1	4.2	1	4.4

Last updated by CSSPortal on: 30th September 2023

Support Us