HTML/article

يُمثِّل العنصر <article> جزءًا من المستند أو الصفحة أو التطبيق أو الموقع الغرض منها هو القدرة على إعادة توزيعها واستخدامها بشكل مستقل، مثل موضوع في منتدى أو مقالة في صحيفة أو تدوينة.

مثال عن استخدام عناصر <article> لتمثيل محتوى المنشور ولتمثيل التعليقات، ويبين هذا المثال كيف يستعمل العنصر <article> مع بقية عناصر HTML:

<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="2017-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="2017-05-17 19:00">May 17</time>
          by Tom.
        </p>
      </footer>
    </article>
  </section>
  <footer>
    <p>
      Posted on
      <time datetime="2017-05-15 19:00">May 15</time>
      by Staff.
    </p>
  </footer>
</article>

تصنيفات المحتوى	عنصر تنظيمي.
المحتوى المسموح	المحتوى التنظيمي.
الوسم المختصر	لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب	أي عنصر يقبل المحتوى التنظيمي. لاحظ أنَّ العنصر <article> لا يجوز أن يكون ابنًا للعنصر <address>.
واجهة DOM	HTMLElement

دعم المتصفحات

Chrome	Firefox	Edge	Safari	Opera
5	4.0	مدعوم	4.1	11.10

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

ملاحظات الاستخدام

• يجب أن يكون كل عنصر <article> مُعرَّفًا (identified)، ويتم ذلك عمومًا بتضمين ترويسة (العناصر <h1>‏-<h6>) ضمن العنصر <article>.
• عند استخدام أكثر من عنصر <article> داخل بعضها، فالعنصر الداخلي يُمثِّل مقالًا متعلقًا بالعنصر الأب، فمثلًا تكون التعليقات على تدوينة ما محتواةً ضمن عناصر <article> والموجودة ضمن عنصر <article> الذي يمثِّل التدوينة نفسها.
• يمكن توفير معلومات الكاتب ضمن عنصر <article> عبر العنصر <address>، لكن هذه المعلومات لن تُطبَّق على عناصر <article> المتشعبة داخل العنصر الأب.
• يمكن وصف تاريخ ووقت النشر في عنصر <article> عبر استخدام الخاصية datetime التابعة للعنصر <time>.

مصادر ومواصفات

• معيار HTML Living Standard.
• مواصفة HTML 5.1.
• مواصفة HTML5.