I have a home page of a blog where I have the img, title, date, and a brief summary or intro for each post. Then a link to the full text in another page. I am not sure how I should use <article>
tags in the home page of the blog.
- Should I use
article
for each post? (remember here I do not have the fulltext) - I shouldn't use
article
at all? Perhaps I should use onlysection
for each post? - Perhaps the
article
is the group of all the posts and each post is asection
?
I am not sure how to apply what I have found:
W3C says: "The <article>
element represents an independent item section of content"
w3schools says: "The tag specifies independent, self-contained content. An article should make sense on its own and it should be possible to distribute it independently from the rest of the site."
<div id="all">
<article id="1">
<img src="img-1.png" alt="alt of the img" >
<h3>Title 1</h3>
<div>Last update 2017-04-13</div>
<div class="text">Summary or introduction of the post</div>
<a class="more" href="post-1">More</a>
</article>
<article id="2">
<img src="img-2.png" alt="alt of the img" >
<h3>Title 2</h3>
<div>Last update 2017-04-13</div>
<div class="text">Summary or introduction of the post</div>
<a class="more" href="post-2">More</a>
</article>
</div>