Difference Between Article and Section Tag

 and
tag.

Introduction

 
In this blog, you will come to know about The difference between <article> and <section> tag.
 
The <article> element is a special type of <section>. <article >has more specific meaning as compare to <section> that is, it is independentself-contained block of related content.
 
We can  use <section>,  but we mostly use <article>  to  gives more specific meaning to the content.
 
<section> is only a block of related content, and <div> is only a block of content. Also, we here mentioned the pubdate attribute does not apply in <section>.
 
The pubdate attribute is used as for one-time attribute in <article>. If it is present, it indicates that the <time> element is the date, the <article> was published. It can be written in several ways, the most popular being:
 
pubdate
pubdate="pubdate"
 
 To decide which of  three elements is appropriate, choose the first suitable option:
  1. Would the content would make sense on its own in a feed reader? If so use <article>
  2. Is the content related? if so use <section>
  3. Finally, if there's no semantic relationship use <div>
Here is an example of <section> containing <article>
  1. <h1>Articles on: Fruit</h1>  
  2. <article>  
  3.     <h2>Apple</h2>  
  4.     <p>The apple is the pomaceous fruit of the apple tree...</p>  
  5. </article>  
  6. <article>  
  7.     <h2>Orange</h2>  
  8.     <p>The orange is a hybrid of ancient cultivated origin, possibly between pomelo and tangerine...</p>  
  9. </article>  
  10. <article>  
  11.     <h2>Banana</h2>  
  12.     <p>Bananas come in a variety of sizes and colors when ripe, including yellow, purple, and red...</p>  
  13. </article>undefined</section>  
Output
 
  pic1.jpg

Next Recommended Reading Sectioning Root Tags In html 5