تگ article در HTML

HTML <article> Tag

تگ <article> در HTML یک بخش مستقل از لحاظ محتوایی و یا ساختاری را مشخص می کند.

مثال:

<article class="wrapper">
    <h2>مرورگرهای پرکاربرد وب</h2>
    <article>
        <h3>مرورگر chrome</h3>
        <p>
          یک مرورگر وب رایگان است که در ۲ سپتامبر ۲۰۰۸ (۱۲ شهریور ۱۳۸۷) توسط
          شرکت گوگل بر پایهٔ پروژهٔ کرومیوم عرضه شد. در ابتدا نسخهٔ آزمایشی آن
          برای کاربران ویندوز در صد کشور عرضه شد ولی گوگل اعلام کرد که نسخه‌های
          منطبق با سیستم‌عامل لینوکس و اپل مکینتاش آن هم در آینده توزیع خواهد
          شد.
        </p>
    </article>
    <article>
        <h3>مرورگر firefox</h3>
        <p>
          یک مرورگر وب آزاد و متن-باز[۱۲] برگرفته از مجموعه نرم‌افزار اینترنت
          موزیلا (en) است که توسط بنیاد موزیلا و شرکت موزیلا توسعه و پشتیبانی
          می‌شود. فایرفاکس از موتور چیدمان گکو برای ارائه صفحات وب استفاده
          می‌کند، که استانداردهای وب را پیاده‌سازی می‌کند.
        </p>
    </article>
    <article>
        <h3>مرورگر safari</h3>
        <p>
          ک مرورگر وب از شرکت اپل است که بر پایه موتور چیدمان وب‌کیت ساخته شده
          است و با ظاهری ساده و آسان دارای امکانات پیشرفته و امنیت قابل قبول
          است. از این مرورگر در سیستم‌عامل‌های مک اواس و iOS می‌توان استفاده
          کرد.
        </p>
    </article>
</article>

نتیجه:

مشاهده و ویرایش کد در حالت تمام صفحه

کاربرد تگ <article>:

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

پشتیبانی مرورگرها
تمام مرورگرها از این تگ HTML پشتیبانی می کنند.