search

bdub328 / tea_cozy

0 stars 0 forks source link

Semantic HTML #5

Open aubreywullschleger opened 5 years ago

aubreywullschleger commented 5 years ago

Great! Great job using semantic HTML elements like <header> and <nav>. Using semantic elements helps make your HTML more meaningful to browsers reading your markup, helps with SEO, and improves the accessibility of your page. Here's info on how semantic elements help with accessibility: https://webflow.com/blog/html5-semantic-elements-and-webflow-the-essential-guide (scroll down to the 'So what are semantic elements good for?' heading) and a tutorial that goes over semantic elements and more reasons to use semantic HTML: https://internetingishard.com/html-and-css/semantic-html/.

Example: https://github.com/bdub328/tea_cozy/blob/master/index.html#L12-L22

Here, consider using the more semantic <section> element for the mission, store, locations, and info sections. Each of these sections have their own headings (<h1> - <h6>) making them a great use case for the <section> element (and <section> would be more meaningful than using <div> elements). See here for more info: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section

bdub328 commented 5 years ago

this is helpful! I didn't know about this (probably missed it). Thanks for the notes and resources!