| <header> |
Sectioning |
Header of page or section |
<header>My Site</header> |
| <nav> |
Sectioning |
Navigation links |
<nav><a href="#">Home</a></nav> |
| <main> |
Sectioning |
Main content |
<main>Welcome!</main> |
| <article> |
Sectioning |
Independent content |
<article>Blog Post</article> |
| <section> |
Sectioning |
Standalone section |
<section>Features</section> |
| <aside> |
Sectioning |
Secondary content |
<aside>Sidebar</aside> |
| <footer> |
Sectioning |
Footer area |
<footer>© 2026</footer> |
| <p> |
Content |
Paragraph |
<p>Hello World</p> |
| <ul> / <ol> |
Content |
List |
<ul><li>Item</li></ul> |
| <li> |
Content |
List item |
<li>Item 1</li> |
| <figure> & <figcaption> |
Content |
Image with caption |
<figure><img src="#" /><figcaption>Caption</figcaption></figure> |
| <a> |
Inline |
Link |
<a href="#">Click</a> |
| <strong> |
Inline |
Important text |
<strong>Important</strong> |
| <em> |
Inline |
Emphasized text |
<em>Emphasis</em> |
| <code> |
Inline |
Code snippet |
<code>console.log('Hi')</code> |
| <img> |
Media |
Image |
<img src="#" alt="Image"> |
| <video> |
Media |
Video |
<video src="#" controls></video> |
| <table> |
Table |
Table |
<table><tr><td>Cell</td></tr></table> |