Each of the items in Victor’s portfolio are in an untitled article, with the name of the site in each article‘s aside. A more semantic approach would be to use the first heading as the heading of the article, then putting the rest of the content of the asides into a footer or aside.

URL: http://www.victorassuncao.com.br/

André has used section in a couple of places where div would be more appropriate, for example the section that wraps the large image at the top. Because figure is sectioning root its h1 does not form part of the document outline. figure is also used for the images in the portfolio area, but it would be fair to say that the position of the images is important and moving them to an appendix would be stretching it a bit, so div would be a better choice.

URL: http://www.andreamaral.net/

The h2 elements that are used in the home section would be better as a single heading with CSS applied to achieve the visual effect. The document outline shows that it is split into two implicit sections, which is not the desired outcome. Ross could also drop the type attributes from the script and stylesheet link elements and still have valid HTML5.

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

section is used to wrap all the content, but div would have been a better choice. The document itself has no title because the logo is a background image. This could be fixed by using an img element for the logo wrapped in an h1.

URL: http://barrettkern.com/

All div elements have been replaced by section, which is not necessarily a good thing. section should only be used when its content has a natural heading that makes its content a subsection of its nearest ancestor sectioning content.

URL: http://www.jostichbury.com/

div is used quite a lot where section or article would be more appropriate, for example to wrap the contact area at the top of the homepage and the “Who I’ve Worked With” section. Ben could also have used input type="email" in the contact form, and small for the copyright notice. The type attribute is also unnecessary in script and stylesheet link elements.

URL: http://www.benfrain.com/index.html

This is a well coded HTML5 website, with all type attributes removed from script (except analytics) and stylesheet link elements, a shortened charset declaration, and small used to wrap the copyright notice in the footer. Kevin also makes good semantic use of hgroup, section, article and aside throughout the site. He could possibly have used section for each of the main areas in the resumé (experience, education etc) as authors are encouraged to to use explicit sectioning rather than relying on multiple headings in one element of sectioning conent.

URL: http://www.reconstitute.net/

The site is untitled in the document outline because there is no heading for the page, with a background image being used for the logo and sub heading. Using an hgroup containing h1 and h2 would fix this. In the blog the section element is used as a wrapper, which is really a job for div as it does not create empty levels in the document hierarchy.

URL: http://www.owainlewis.com/

The content of the “Recent Works” section could be dropped into a nested article to give the header and footer more semantic meaning. It would probably also be better to use li elements for the tweet list rather than articles with no headings or content, just a footer.

URL: http://iznyn.com/

The document itself is untitled, but this could be fixed quite easily by wrapping the logo in an h1. Not all the content of the footer could be said to be about the document, so maybe using section for the contact form and aside for the tweets, and only using footer for the part entitled copyright would be more semantic.

URL: http://www.christian-bromann.com/