HTML <section> Tag

<!DOCTYPE html>
<style type="text/css">
article, section {border:8px solid #F9EECF;padding:3px;margin:3px;} 
<h2>Article Heading</h2>
<p>Sub heading.</p>
<h3>Section 1</h3>
<p>Section 1 content...</p>
<h3>Section 2</h3>
<p>Section 2 content...</p>

The above example demonstrates usage of the <section> element.

The <section> element represents a generic section of a document or application.

The <section> element is a thematic grouping of content. The theme of each <section> should be identified using one of the six levels of heading (i.e. <h1> - <h6>)

There could be one or more sections on a web page. For example, a homepage could have a section for introducing the company, another section for news items, and another section for contact information.

Also, a section can be nested within an <article> element. There's no rule against this. In fact, the <section> element can appear anywhere flow content is expected — which is the same as most elements that appear within the body of the document.