118: Aaron Gustafson - Semantic HTML: The Hard Parts

Full Stack Radio

Episode | Podcast

Date: Wed, 03 Jul 2019 13:30:00 +0000

<p>Topics include:</p><ul> <li>Can you have more than one "h1" on page?</li> <li>How important is heading order?</li> <li>Why not everything that looks like a heading should necessarily be a heading</li> <li>Why you may want to include invisible headings in some situations</li> <li>What the document outline is and how your use of headings impacts it</li> <li>How to make your heading levels dynamic to make your components more flexible</li> <li>What a "sectioning context" is</li> <li>Can you have multiple "article" elements on one page?</li> <li>What even is an "article" anyways?</li> <li>How to use elements like "section" and "aside" properly</li> <li>Should navigation items be in lists?</li> <li>Why Aaron can't remember the last time he used a "span"</li> </ul><p>Sponsors:</p><ul> <li> <a href="https://www.digitalocean.com/?refcode=74a1c5d63dac&amp;utm_source=fullstackradio&amp;utm_medium=podcast&amp;utm_campaign=DO_Dev_Signup_Cold_FullStackRadio_Podcast">DigitalOcean</a>, get your free $50 credit at <a href="https://do.co/fullstack">do.co/fullstack</a> </li> <li> <a href="https://cloudinary.com/users/register/free?utm_source=fullstackradio&amp;utm_medium=Sponsored_Podcast&amp;utm_content=fullstackradio_PodCast">Cloudinary</a>, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free</li> </ul><p>Links:</p><ul> <li><a href="https://www.aaron-gustafson.com/">Aaron's personal website</a></li> <li> <a href="http://html5doctor.com/downloads/h5d-sectioning-flowchart.png">HTML5 Element Flowchart</a> from html5 Doctor</li> </ul>