Is this a good way to create an article in HTML5? Is this the good way to create a portfolio article in HTML5 or do you have any suggestions?

Not sure about the section but I need it as overlay over the image. Is it better to use a DIV instead?

&lt;article class="three columns remove-all project"&gt;
   &lt;section class="project-information"&gt;
     &lt;header&gt;
       &lt;h4&gt;Ski Trail&lt;/h4&gt;
       &lt;time datetime="2010-03-20"&gt;20th March, 2010&lt;/time&gt;
     &lt;/header&gt;

     &lt;p&gt;
       &lt;span class="tag"&gt;Graphic&lt;/span&gt;
     &lt;/p&gt;
   &lt;/section&gt;

   &lt;img src="http://placehold.it/291x216" class="img-scale" alt=""&gt;
&lt;/article&gt;
A good reference for element semantics would be HTML5 Doctor. You can read all about the tags and their intended purposes. From their overview for &lt;section&gt;, &lt;article&gt; and &lt;div&gt;:

Section
Represents a generic document or application section. In this context, a section is a thematic grouping of content, typically with a header, possibly with a footer. Examples include chapters in a book, the various tabbed pages in a tabbed dialog box, or the numbered sections of a thesis. A web site's home page could be split into sections for an introduction, news items, contact information.
Article
Represents a section of a page that consists of a composition that forms an independent part of a document, page, or site. This could be a forum post, a magazine or newspaper article, a Web log entry, a user-submitted comment, or any other independent item of content.
Div
The div element has no special meaning at all. It represents its children. It can be used with the class, lang, and title attributes to mark up semantics common to a group of consecutive elements.

Their analogy of &lt;section&gt; is a chapter, an &lt;article&gt; is a section of the page. Chapters contain articles, not the other way around. A &lt;div&gt; might be more appropriate, since it has no meaning.