Structural pattern that defines the basic parts of the page.
[Page]
Class name | Element type | Purpose | Position in the DOM |
---|---|---|---|
[Page] |
div | Contain entire page | Second direct child of <body> |
[Page] Nav |
nav | Main browser of the page | First direct child of [Page] |
[Page] Main |
main | Main page content | Second direct child of [Page] |
[Page] Footer |
footer | Page footer | Third direct child of [Page] |
Prev
<aside> ⬅️ [Custom]
</aside>
Next
<aside> ➡️ [Section]
</aside>