‎تگ آرتيكلHTML <article> Tag -‎

Previous >    <Next  

‎تگHTML ‎<article>‎ در صفحه وب يك متن ومحتواي كاملا مستقل را معرفي ميكند . ‎به عنوان مثال ميتواند شامل يك پست انجمن، مقاله يك مجله يا روزنامه، يك پست وبلاگ، داستانهاي ‎خبري و ... باشد .براي مرورگر اين مطلب مستقل از محتوي صفحه منظور ميشود.

‎مثال ـ نمونه استفاده از تگ‎<articl>‎ 

<article>
<h2>Google Chrome</h2>
<p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
</article>

<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.</p>
</article>

<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.</p>
</article>

--(go to editor for change code and run)

‎تعريف وكاربردDefinition and Usage -‎

‎تگ‎<article>‎ محتواي كاملا مستقل را معرفي ميكند.مطلب يا محتواي بايد بصورتي ‎باشد كه مستقل از مطالب سايت آنر توزيع كرد .نمونه ميتواند مقال در روزنامه با يك پست ‎الكترونيكي را نام برد.

‎اين عنصر بالقوه براي موارد زير است.

‎توجه ـ مطلب خاصي براي استايل دادن به عنصر‎<article>‎ ارائه نميشود .در هر حال ‎براي اين موضوع ميتوانيد بمثال بعدي توجه كنيد.

‎پشتيباني مرورگرBrowser Support -‎

‎در جدول زير نشان ميدهد اولين نسخه مرورگر را كه از عنصر‎<articl> پشتيباني ‎ميكند.

Element Chorome Edge Firefox Safari Opera
<article> 6.0 9.0 4.0 5.0 11.1

‎ويژگي هاي جهانيGlobal Attributes -‎

‎اين تگ از ويژگيهاي جهانيHTML پيروي وپشتيباني ميشود .

‎ويژگي هاي رويداديEvent Attributes -‎

‎همچنين تگ فوق از ويژگي هاي رويداديHTML پشتيباني ميشود .

‎مثال ـ در استايل دادن باين عنصر

<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 is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
  </article>
  <article class="browser">
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.</p>
  </article>
  <article class="browser">
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.</p>
  </article>
</article>

</body>
</html>

--(go to editor for change code and run)

‎تنظيمات پيش فرضDefault CSS Settings -‎

‎بيشتر مرورگرها عنصر‎<article>‎ با تنظيم پيش فرض زير نمايش ميدهند .

article {
  display: block;
}

HTML مرجع كامل تگهاي
HTML مرجع كامل ويژگيهاي

Previous >    <Next