HTML <section> Tag

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee

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