HTML <section> tag

Updated: 10/11/2017 by Computer Hope

HTML section tagWhen writing in HTML, the <section> tag is a block element used to group thematically similar content together. Good examples are generic documents and application sections. As a general rule, <section> shouldn't be used if there is no natural <heading> for it. The following sections contain information about this tag, including an example of it in use, as well as related attributes and browser compatibility.

Note: This element is unique in that it is a phrase tag, which indicates that a section of text has structural meaning.

Tip: The <section> tags should not be used for styling, instead use the <div> tags for styling changes. If the content that would be contained within the <section> tag relates to other portions of the page with its own heading then consider using the <section> tags.

Example code

<section>
<h1>Heading</h1>
<p>Document content</p>
</section>

Example result

Heading

Updated: 10/11/2017 by Computer Hope

Document content

Attributes

Within an HTML tag, an attribute dictates certain aspects of an HTML element. Attributes are made up of a name and value pair. While the <section> tag does not have any unique attributes, it does utilize all of the standard attributes.

Compatibility

Internet Explorer Firefox Safari Opera Chrome
9.0+ 4.0+ 5.0+ 11.1+ 6.0+

Additional phrase tags

Browser, Compatibility, CSS, HTML article tag, HTML div tag, HTML nav tag, Web design terms