Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!-- Bad: div soup --> <div class="nav"> <div class="nav-item" onclick="go()">Home</div> </div> <!-- Good: semantic elements --> <nav> <ul> <li><a href="/">Home</a></li> <li><a href="/about">About</a></li> </ul> </nav> <!-- Page structure landmarks --> <header> <nav> <main> <aside> <footer> <!-- Headings: logical order --> <h1>Page Title</h1> <h2>Section</h2> <h3>Subsection</h3>
Result
Open