MrBazz / 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/MrBazz/tea-cozy/blob/master/index.html#L10-L19

Here, consider using the more semantic <section> element for the mission, tea of the month, and location sections. Each of these sections have their own heading elements (<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