ایچ تی ایم ال <article> ٹیگ

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

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

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

<articel> منابع بالقوه عناصر شامل:

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

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

لطفاً ببینید:

دستورالعمل کتابخانه HTML DOM:موضوع مقاله

مثال

مثال 1

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

<article>
<h2>Google Chrome</h2>
<p>Google Chrome گوگل کا ایک نیٹ ورک براوزر ہے، جو 2008ء میں شائع کیا گیا تھا۔ Chrome آج دنیا میں سب سے پچھلے سب سے مقبول نیٹ ورک براوزر ہے!</p>
</article>
<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox ہاوسک موزیلا کا ایک اوپن سورس نیٹ ورک براوزر ہے۔ 2018ء کی 1 جنوری سے، Firefox دوسرا سب سے پچھلے سب سے مقبول نیٹ ورک براوزر رہا ہے。</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge میکروسافٹ کا ایک اینٹرنیٹ براوزر ہے جو 2015 میں شائع کیا گیا تھا۔Microsoft Edge Internet Explorer کو بدل دیا تھا。</p>
</article>

خود سے کوشاں

مثال 2

استفاده از CSS برای تنظیم نمائش عناصر <article>:

<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>Most Popular Browsers</h1>
  <article class="browser">
    <h2>Google Chrome</h2>
    <p>Google Chrome گوگل کا ایک نیٹ ورک براوزر ہے، جو 2008ء میں شائع کیا گیا تھا۔ Chrome آج دنیا میں سب سے پچھلے سب سے مقبول نیٹ ورک براوزر ہے!</p>
  </article>
  <article class="browser">
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox ہاوسک موزیلا کا ایک اوپن سورس نیٹ ورک براوزر ہے۔ 2018ء کی 1 جنوری سے، Firefox دوسرا سب سے پچھلے سب سے مقبول نیٹ ورک براوزر رہا ہے。</p>
  </article>
  <article class="browser">
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge میکروسافٹ کا ایک اینٹرنیٹ براوزر ہے جو 2015 میں شائع کیا گیا تھا۔Microsoft Edge Internet Explorer کو بدل دیا تھا。</p>
  </article>
</article>
</body>
</html>

خود سے کوشاں

عالمی ویژگی

<article> تگ کا استعمال کیا گیا ہے HTML میں عالمی ویژگی.

رویداد ویژگی

<article> تگ کا استعمال کیا گیا ہے HTML میں رویداد ویژگی.

مقابلہ کی CSS سیٹ آپ

کثیر تعداد کے براوزروں کا استعمال کردہ آپریشن کی پیش دفعات <article> عنصر:

article {
  نمائش: بلک
}

براوزر کی پشتیبندی

میں دوسرے سائٹوں کی پیدائش کو بھی اجاگر کیا گیا ہے جو اس علامت کو پورا طور پر پشتیبند کیا اور اس کا پہلا پورا طور پر پشتیبند کرنے والا براوزر کی نسلی تعداد کو نشان دہ کردیا گیا ہے۔

کروم ایج فائرفاکس سافری اپرا
کروم ایج فائرفاکس سافری اپرا
6.0 9.0 4.0 5.0 11.1