HTML5 Page Structure Tags Example

main, header, footer, nav, aside

HTML5 introduced several page structure tags.

• main → main content of the page.
• header → For site logo, short description, page categories, search box, etc.
• footer → copyright, company info, etc.
• nav → navigation bar.
• aside → sidebar, ads.

article, section

• article → for complete article. Inside it should have {h1, h2, author, section, etc}.
• section → a section. Typically, a section will include {h2, h3, etc}.

Notes

Note that there is no layout/formatting associated with these tags by default. You have to define your own with CSS.