HTML5 Section Tags, TutorialsPoint, HTML5 Section Tags Tutorial

HTML5 Section Tag

The HTML <section> tag is used to represent a section within an article. The <section> tag defines sections in a document, such as chapters, headers, footers, or any other sections of the document.

The <section> tag was introduced in HTML 5.

Example :

	
<!DOCTYPE html>
<html>
 
    <head>
    <title>HTLM5 Section Tag</title>
    </head>
    
<body>
<article>
         
            <section>
              <h4>Example 1</h4>
              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
            </section>
            
            <section>
              <h4>Example 2</h4>
              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
            </section>
            
            <section>
              <h4>Example 3</h4>
              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
            </section>
    
     </article>
 
<p><strong>Note:</strong> The section tag is not supported in Internet Explorer 8 and earlier versions.</p>
        
 
    </body>
</html>

Output :

Example 1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

Example 2

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

Example 3

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

Note: The section tag is not supported in Internet Explorer 8 and earlier versions.

HTML5 Tutorial