تگ article در HTML

به معرفی و بررسی تگ article در html می پردازیم.

نکات اصلی تگ article

• عنصر <article> دارای داده های مستقلی است که می تواند مورد استفاده مجدد قرار گیرد و یا در سایر صفحات وب یا اسناد توزیع شود.
• تگ <article> می تواند ورودی های وبلاگ ، مقالات خبری ، نظرات و غیره را در خود جای دهد.
• در تگ <article> (باز و بسته شدن) اجباری هستند.

هدف تگ article

تگ <article> اطلاعات قابل استفاده مجدد و خودكار را تعريف مي كند.

<article>
  <h1>Fun Fact</h1>
  <p>Fun fact: most of the fun facts on the Internet are not actually fun.</p>
</article>

توجه: در HTML5 ، عنصر مقالات یک الحاق جدید است.

بحث <article> در برابر <section> نشان می دهد که این عناصر مشابه هستند ، اما موارد استفاده آن ها متفاوت است. به عنوان مثال ، اگر محتوای خاصی به صورت همزمان در بیاید ، <article> باید اعمال شود.

نکته: سندیکا به فرآیند تولید محتوای قابل استفاده مجدد اشاره دارد که می تواند در چندین وب سایت یا اسناد گنجانده شود.

ویژگی های article

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

address

برای تهیه اطلاعات درباره نویسنده مقاله ، از <address> استفاده کنید.

<article>
  <address>
    Written by Someone.<br> 
    Visit me at: <br>
    https://www.bitdegree.org/ <br>
  </address>
</article>

footer

برای تهیه اطلاعات اضافی در پایین تگ <article> می توانید از <footer> استفاده کنید.

<article class="blog_post">
  <p> Another blog post. </p>
  <footer>
    <p>
      Extra information is always good.
    </p>
  </footer>
</article>

time

برای توصیف تاریخ و زمان انتشار تگ <article> از <time> استفاده کنید.

<article class="blog_post">
  <p>My first blog post, I am a real blogger now.</p>
  <footer>
    <p>
      Posted on <time datetime="2017-07-24 16:00">May 31</time> by Lisa.
    </p>
  </footer>
</article>

پشتیبانی مرورگرها

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML و CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.