Layouts

Generic container for grouping elements. Often used with CSS.

<div>Content</div>

Inline container, used to style small pieces of content.

<span>Text</span>

Represents introductory content, like page title or navigation.

<header>Site Title</header>

Contains site navigation links.

<nav><a href="#">Home</a></nav>

Represents the main content of the document. One per page.

<main>Main content here</main>

Defines a section of content with a related theme.

<section>About Us</section>

Independent, self-contained content (like blog post, news).

<article>News article</article>

Secondary content (like sidebars, ads, extra info).

<aside>Sidebar</aside>

Bottom section for copyright, links, or contact info.

<footer>© 2025 Mehdi</footer>