برچسب <article> HTML

تعریف و استفاده

<article> برچسب‌ها محتوای مستقل و مستقل را تعریف می‌کنند.

یک مقاله باید بتوانست به صورت مستقل فهمیده شود و مستقل از کل وب‌سایت توزیع شود.

<articel> منابع احتمالی عناصر شامل:

  • پست‌های انجمن
  • مقالات وبلاگ
  • اخبار
  • نظرات کاربران

توجه:در مرورگرها،<article> عناصر خود به هیچ وجه استایل خاصی را نمایش نمی‌دهند. اما، شما می‌توانید از استایل‌های CSS برای زیبا کردن استفاده کنید <article> عناصر (لطفاً به مثال زیر مراجعه کنید).

لطفاً به:

دستورالعمل مرورگر HTML DOM:موضوع Article

مثال

مثال 1

سه مقاله مستقل و مستقل:

<article>
<h2>Google Chrome</h2>
<p>Google Chrome یک مرورگر اینترنتی است که توسط Google توسعه داده شده و در سال 2008 منتشر شده است. Chrome امروزه محبوب‌ترین مرورگر اینترنتی جهان است!</p>
</article>
<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox است که توسط Mozilla توسعه داده شده است. از ژانویه 2018، Firefox همیشه دومین مرورگر اینترنتی محبوب بوده است.</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge یک مرورگر اینترنتی است که توسط مایکروسافت توسعه داده شده و در سال ۲۰۱۵ منتشر شده است. Microsoft Edge جایگزین Internet Explorer شده است.</p>
</article>

آزمایش کنید

مثال 2

استایل‌های <article> با استفاده از CSS تنظیم می‌شود:

<html>
<head>
<style>
.all-browsers {
  margin: 0;
  padding: 5px;
  background-color: lightgray;
}
.all-browsers > h1, .browser {
  margin: 10px;
  padding: 5px;
}
.browser {
  background: white;
}
.browser > h2, p {
  margin: 4px;
  font-size: 90%;
}
</style>
</head>
<body>
<article class="all-browsers">
  <h1>مرورگرهای محبوب‌ترین</h1>
  <article class="browser">
    <h2>Google Chrome</h2>
    <p>Google Chrome یک مرورگر اینترنتی است که توسط Google توسعه داده شده و در سال 2008 منتشر شده است. Chrome امروزه محبوب‌ترین مرورگر اینترنتی جهان است!</p>
  </article>
  <article class="browser">
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox است که توسط Mozilla توسعه داده شده است. از ژانویه 2018، Firefox همیشه دومین مرورگر اینترنتی محبوب بوده است.</p>
  </article>
  <article class="browser">
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge یک مرورگر اینترنتی است که توسط مایکروسافت توسعه داده شده و در سال ۲۰۱۵ منتشر شده است. Microsoft Edge جایگزین Internet Explorer شده است.</p>
  </article>
</article>
</body>
</html>

آزمایش کنید

ویژگی‌های جهانی

<article> این برچسب همچنین از ویژگی‌های رویداد پشتیبانی می‌کند ویژگی‌های جهانی در HTML.

ویژگی‌های رویداد در HTML

<article> این برچسب همچنین از ویژگی‌های رویداد پشتیبانی می‌کند ویژگی‌های رویداد در HTML.

تنظیمات CSS پیش‌فرض

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

article {
  display: block;
}

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
6.0 9.0 4.0 5.0 11.1