Copious use of the new HTML5 structural element, although the section element has been overused, with our old friend the div being more appropriate in certain places. The “sidebar” div that contains numerous aside elements probably could have been an aside itself with sections.

URL: http://terj.in/

URL: http://www.blacktie.es

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/

The page charset definition could have made use of the new shorter code that HTML5 brings with it. Remember that the script and link stylesheet elements no longer require the type attribute.

URL: michaelkc.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/

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/

Good clean use of semantic HTML5 elements in this layout, although the “content” section element should probably use a div instead. The article element is used to enclose each entry and the time element is used for the post date, although the small element probably shouldn’t be used here. The canvas element is used to draw a diagonal red line in the page background.

URL: http://styro.alwaysdata.net

Lindsey’s site is well structured, making use of some new HTML5 elements such as header, nav, section, article and footer. There is one untitled section used to contain the main content which would be better as a div, and time with the pubdate attribute would be a better choice for marking up the blog posts’ published dates. Otherwise a pretty nice HTML5 site.

URL: http://cssgirl.com

The header contains am unnecessary section element to contain the social media links. The content area is split up into separate areas which are ideal for using the section element, but use divs instead.

Remember that the type attribute is no longer required in the link stylesheet element.

URL: http://www.rockstarworking.com/