تگ article در html

از تگ article برای تعریف یک محتوای مستقل و مجزا مانند مقالات وبلاگی یا اخبار و دیگر موارد مشابه استفاده می‌شود. مشابه تگ <section> زمانی که از تگ <article> استفاده می‌کنید حتما باید درون تگ از یک عنوان <h1> تا <h6> استفاده کنید.

نحوه استفاده از تگ <article>

اغلب از تگ <article> برای تعریف خلاصه یک مقاله و یا مقاله کامل در صفحه استفاده می‌شود.

<body>
  <main>
    <article>
      <h2>عنوان مقاله</h2>
      <!-- محتوای مقاله -->
    </article>
    <article>
      <h2>عنوان مقاله دیگر</h2>
      <!-- محتوای مقاله دیگر -->
    </article>
  </main>
</body>

attribute یا ویژگی‌های قابل استفاده در تگ <article>

تگ article می‌تواند دارای چندین ویژگی یا attribute باشد که استفاده از این ویژگی‌ها اختیاری است.

Global Attributes

تگ <article> از Global Attributes در HTML پشتیبانی می کند.

Event Attributes

تگ <article> از Event Attributes in HTML در HTML پشتیبانی می کند.

ویژگی‌های ظاهری پیشفرض در تگ article

اکثر مرورگرها تگ <article> را با مقادیر پیش فرض زیر نمایش می دهند:

article{
  display: block;
}

آموزش خصوصی طراحی سایت و وردپرس به صورت آنلاین

پروژه محور - ارتباط مستقیم با مدرس