: How to use tags in the home page of a blog? 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

@Gail5422790

Posted in: #Articles #Blog #Html5 #Markup

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 only section for each post?
Perhaps the article is the group of all the posts and each post is a section?


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>

Vote Up Vote Down

Login to post a comment!