With the HTML5 update, there is a push for elements to be more descriptive. Before we would see a div for everything however with HTML5 more descriptive elements have been introduced such as nav, section, article etc. Using these elements takes advantage of the Accessible Rich Internet Applications (ARIA) built into HTML5 that makes a web page more accessible for users that have visual or auditory impairments and make use of screen reader technology. It also optimizes a web page to be found by search engine algorithms.
Read this documentation to learn about some of the elements introduced withHTML5
Once you've done this, try going to W3C's HTML/CSS Validator to ensure your HTML markup and CSS styles meet the latest specification.
See if you can find some elements in their that can replace those <div>'s in your mockup!
With the HTML5 update, there is a push for elements to be more descriptive. Before we would see a
div
for everything however with HTML5 more descriptive elements have been introduced such asnav
,section
,article
etc. Using these elements takes advantage of the Accessible Rich Internet Applications (ARIA) built into HTML5 that makes a web page more accessible for users that have visual or auditory impairments and make use of screen reader technology. It also optimizes a web page to be found by search engine algorithms.Read this documentation to learn about some of the elements introduced withHTML5
Once you've done this, try going to W3C's HTML/CSS Validator to ensure your HTML markup and CSS styles meet the latest specification.
See if you can find some elements in their that can replace those
<div>
's in your mockup!