HTML
(quick & simple guide)
<!DOCTYPE html> <html> <head> <title>MY SITE</title> <meta name="description" content="DESC"> </head> <body>CONTENTS</body> </html>
<header>MY SITE</header> <nav>SITE NAVIGATION</nav> <main> <article>HELLO WORLD!</article>
<aside> <section>SIDE A</section> <section>SIDE B</section> </aside> </main> <footer>FOOTER</footer>
BAD <ul><li>foo<li> <li>foo<li> <li>foo<li> <li>foo<li> <li>foo<li> </ul>
GOOD <ul> <li>foo<li> <li>foo<li> <li>foo<li> </ul>
<video class="mystyle" id="myvideo" controls autoplay muted loop width="1920" height="1080" preload="metadata" src="myvid.mp3" poster="vidposter.jpg"> </video>
<!-- @NOTE: SOMETHING --> <ul> <li>foo<li> <li>foo<li> </ul>
<!-- BAD --> <p id="UvUvWeVwEvWe-onYet"></p> <!-- GOOD --> <p id="first-paragraph"></p>