Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Semantic HTML

Semantic HTML

Bright Umbrella's Lunch & Learn series for Deep Dive Coding: https://abrightumbrella.com/deep-dive-coding

Emily Lewis

August 24, 2018

More Decks by Emily Lewis

Other Decks in Technology


  1. Some rights reserved Semantic HTML Lunch & Learn @ Deep

    Dive Coding August 24, 2018 #BULunchNLearn #BUDeepDive
  2. Web Storage Geolocation Offline Web Apps Accessibilty Transitions ARIA Service

    Workers Structured Data Angular Canvas HTML5 PHP React UX Python Ruby Java JavaScript Python SVG
  3. #BULunchNLearn #BUDeepDive Seth Godin “If you can figure out how

    to do something interesting or unique or noteworthy, people will find you and pay you extra because you're not like everyone else ... you're different. ”
  4. Good Foundation • Semantics for machine readability • Accessible for

    all users • Development efficiencies • Syndication • SEO and findability • User experience enhancements • Solid foundation for advanced techniques Z
  5. Semantic HTML • Markup that has meaning • Markup that

    describes the content itself, not the way it looks • Elements used for their intended purpose* • Valid* </>
  6. More perks • Web standards • Portability for devices •

    Common standard for teams • Easier troubleshooting & maintenance • More accessible, including to search engines! • Leaner markup = lighter-weight pages </>
  7. Resources • Take Your Markup to 11 • Bootstrap Without

    All the Debt • Input Types: Give Users the Right Mobile Keyboard • Lunch & Learn @ Deep Dive Coding n