Navigation & Semantics

HTML <section> Tag

The <section> tag defines a section in a document.

HTML Tag List Try Example Live

Previous:<search>Complete HTML Tag List Next:<select>

Definition and Usage

The <section> tag defines a section in a document.

Standard Syntax:<section>...</section>

Interactive ExampleRunnable

HTML <section> Example

html

Try it Yourself

Live code demonstration for the <section> tag. Click "Try it Yourself" to edit and experiment in real time.

<div style="font-family: system-ui, sans-serif; padding: 16px; background: #ffffff; border-radius: 8px; border: 1px solid #e2e8f0; color: #0f172a;">
<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>
</section>


    <section>
<h2>WWF's Symbol</h2>
<p>The Panda has become the symbol of 
    WWF. The well-known panda logo of WWF originated from a panda named Chi Chi 
    that was transferred from the Beijing Zoo to the London Zoo in the same year 
    of the establishment of WWF.</p>
</section>
</div>

Attributes for <section>

0 Supported Attributes

The <section> tag does not have tag-specific attributes. It supports all standard Global Attributes.

Global Attributes

The <section> tag also supports the standard global attributes in HTML, including class, id, style, title, hidden, and data-*.

HTML Global Attributes Reference →

Event Attributes

The <section> tag supports event attributes in HTML, such as onclick, onmouseover, onfocus, and more.

HTML Event Attributes Reference →

Browser Compatibility

ChromeEdgeFirefoxSafariOpera

More Tags in Navigation & Semantics

View All 123Tags →

<a>The <a> tag defines a hyperlink, which is used to link from one page to another.<address>The <address> tag defines the contact information for the author/owner of a document or an article.<article>The <article> tag specifies independent, self-contained content.<aside>The <aside> tag defines some content aside from the content it is placed in.<footer>The <footer> tag defines a footer for a document or section.<h1> to <h6>The <h1> to <h6> tags are used to define HTML headings.

Previous:<search>Back to Tag List Next:<select>