آموزش اچ تی ام ال HTML

المان article بخش مستقل از سند، صفحه، اپلیکیشن، یا وب سایت است که میتواند مستقلا بازنشر و یا مورد استفاده قرار گیرد. برای مثال میتوان به پست های فروم، مقالات، یا پست های وبلاگ اشاره کرد.

یک صفحه میتواند چندین تگ article داشته باشد. برای مثال وبلاگی را درنظر بگیرید که قصد دارد پست های خود را پشت سرهم نمایش دهد تا کاربر بتواند با اسکرول کردن همه آنها را مطالعه کند.هر پست باید درون یک المان article قرار بگیرد.

اتریبیوت ها

این المان از اتریبیوت های جهانی استفاده میکنند.

نکاتی که باید در ذهن داشته باشید

• هر article باید مشخص باشد، عموما اینکار از طریق سرتیتر ها h1-h6 انجام میشود.
• زمانی که المان article درون المان article دیگری می آید، article درونی به article بیرونی وابسته است. برای مثال، کامنت های یک پست میتواند درون المان article قرار بگیرند که وابسته به المان article پست است.
• اطلاعات نویسنده المان article میتواند درون المان address بیاید، اما المان address نمیتواند در المان article درونی (nested article) قرار بگیرد
• تاریخ انتشار و زمان المان article میتواند داخل اتریبیوت datetime المان time قرار بگیرد. توجه داشته باشید که اتریبیوت pubdate المان time دیگر بخشی از استانداردهای W3C HTML5 نیست.

مثال

 
<article class="film_review">
  <header>
    <h2>Jurassic Park</h2>
  </header>
  <section class="main_review">
    <p>Dinos were great!</p>
  </section>
  <section class="user_reviews">
    <article class="user_review">
      <p>Way too scary for me.</p>
      <footer>
        <p>
          posted on
          <time datetime="2015-05-16 19:00">May 16</time>
          by Lisa.
        </p>
      </footer>
    </article>
    <article class="user_review">
      <p>I agree, dinos are my favorite.</p>
      <footer>
        <p>
          Posted on
          <time datetime="2015-05-17 19:00">May 17</time>
          by Tom.
        </p>
      </footer>
    </article>
  </section>
  <footer>
    <p>
      Posted on
      <time datetime="2015-05-15 19:00">May 15</time>
      by Staff.
    </p>
  </footer>
</article>