This site makes clean use of many of the HTML5 structural elements such as nav, header, section, article and footer. The section element with the contentcontainer class should be a div, as it currently has no heading and is being used for styling purposes only. Each gallery item is an article, which works well. The data- attributes are also used to provide custom data throughout the site.

URL: http://pushkin-plyushkin.com/en

URL: http://www.blacktie.es

URL: http://www.zeneye.co.uk

It’s nice to see Edgar’s portfolio items marked up using the article element rather than div or li, both of which are very common. The article is much more semantic and Edgar shows a good understanding of when it can be used.

Edgar’s use of the header element is unnecessary when it’s only content is a heading, but it’s not wrong by any means. Similarly the nested section in the portfolio items would probably be better as a div, or else given a heading.

URL: http://www.edgarleijs.com/

Some of the new HTML5 elements get a good showing in this site, and the author has taken care to use the shorter doctype and meta charset declaration. The type attribute has also been removed from all the script elements, although not the stylesheet link element where it is also unnecessary.

URL: http://doubleleft.com/

HTML5 structural elements are used in the site, although there are too many untitled sections being used where div would be better. However it’s nice to see native video in use, and with the poster attribute.

in use, and with the

URL: http://www.tatianabileski.com/

This is a very simple site that uses the HTML5 doctype, shortened charset declaration and a couple of new elements. The photos don’t need to be in a section as they are not a sub-section of the document, they are the main content. However, kudos for usingsmall in the footer, and a nice reminder that you don’t need to do much to start using HTML5 today.

URL: http://iliketakingphotos.co.uk/

The site has a nice outline and makes good use of some of the new HTML5 elements. I would probably change the “Did you know” section on the home page to an aside as it is tangentially related to the main content, and I would use input type="tel" in the contact form.

URL: http://www.wildrhodyseafood.com/

The site uses new HTML5 elements throughout and the developers have shown a good understanding of their semantics. They could trim a few bytes by removing the type attribute from script and stylesheet link elements, and the copyright information in the footer could go into a small element which is not presentational in HTML5 but is for small print.

URL: http://www.cyb.gr/

It’s a fairly simple site with clean markup, and Lukas has paid attention to how headings and sectioning content should be used. Perhaps he could have used a section for the portfolio pieces with each one in an article, but it’s fine the way it is too.

One thing I would change is to put the contact details and form into a section and make the footer much smaller, only containing the content that appears in a light bar at the bottom.

URL: http://www.mynus.sk/