Good work with using the <mark> tag! With the HTML5 update, there is a push for elements to be more descriptive. Before you would see a div for everything however with HTML5 more descriptive elements have been introduced with header footer etc. Using these elements takes advantage of the Application Rich Internet Applications (ARIA) built into HTML5 that make your web page more accessible for users that have visual or auditory impairments and make use of screen reader technology.
You can learn about some of the elements introduced with HTML5 at W3C
Once you've done this, you can go 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!
Good work with using the
<mark>
tag! With the HTML5 update, there is a push for elements to be more descriptive. Before you would see adiv
for everything however with HTML5 more descriptive elements have been introduced with header footer etc. Using these elements takes advantage of the Application Rich Internet Applications (ARIA) built into HTML5 that make your web page more accessible for users that have visual or auditory impairments and make use of screen reader technology.You can learn about some of the elements introduced with HTML5 at W3C
Once you've done this, you can go 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!