Ի՞նչ տարբերություն կա HTML-ում article և section տարրերի միջև։

article ներկայացնում է ինքնաբավ, անկախ բովանդակության կտոր, որը կարող է տարածվել կամ վերօգտագործվել էջի հիմնական կոնտեքստից դուրս: Օրինակներ՝ բլոգի գրառում, նորություն, մեկնաբանություն կամ վիդջեթ:

section՝ թեմատիկ խմբավորում բովանդակության: Դա կարող է լինել բաժին էջում (օրինակ՝ "Ներածություն", "Բովանդակություն", "Կապ") կամ կապված պարբերականների, պատկերների և այլն խմբավորում: section հաճախ ունի վերնագիր:

Հիմնական տարբերությունը՝ article — դա բովանդակության միավոր է, որը իմաստ ունի ինքնուրույն, իսկ section — դա էջի կամ փաստաթղթի կառուցվածքային մաս է:

Օգտագործման օրինակ:

<article>
  <h2>Հոդվածի վերնագիրը</h2>
  <p>Հոդվածի հիմնական տեքստը...</p>
  <section>  <!-- Հոդվածի ներքևի ենթաբաժին -->
    <h3>Մեկնաբանություններ</h3>
    <article> <!-- Անհատական մեկնաբանություն որպես ինքնաբավ տարր -->
      <p>Մեկնաբանության տեքստը:</p>
    </article>
  </section>
</article>

<section> <!-- Անհատական բաժին էջում, կապված չէ նախորդ հոդվածին -->
  <h2>Լրացուցիչ տեղեկությունների բաժին</h2>
  <p>Լրացուցիչ տեղեկությունների տեքստը...</p>
</section>