View video tutorial

HTML Sectioning Elements

HTML

Sectioning elements make the section as heading, section and footer.

HTML Sectioning elements


Sectioning content determines the scope of the heading and footer.

Sectioning elements are

<article>, <aside>, <nav>, <section>.

Example <article>

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8" />
    <title>HTML article element example</title>
    <style>
        article {
            background-color: #e7e9eb;
            padding: 10px;
        }
    </style>
</head>
<body>
    <h1>HTML article element example</h1>
    <p>The article tag is used to represent self contained content.</p>
    <article>
        <h2>HTML article Tag</h2>
        <p>The &lt;article&gt; tag represent independent, self-contained content. An article is used to write a content
            for complete blog or part of a blog and can distribute and describe it independently from the rest of the
            content.</p>
    </article>
</body>
</html>
Try it Now »

Copy code and click on the "Try it Now" button to see how it works.