تگ article در html

تگ article چیست؟

تگ article برچسبی است که می توانیم از آن برای ایجاد محتوای مستقل در یک صفحه وب استفاده کنیم.

فهرست مطالب

نمایش کپی در حافظه

موارد استفاده از تگ article

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

مثالی از تگ 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><span class="ez-toc-section" id="%D9%85%D8%AD%D8%A8%D9%88%D8%A8_%D8%AA%D8%B1%DB%8C%D9%86_%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1%D9%87%D8%A7"></span> محبوب ترین مرورگرها <span class="ez-toc-section-end"></span></h1>
  <article class="browser">
<h2><span class="ez-toc-section" id="Google_Chrome-2"></span>Google Chrome<span class="ez-toc-section-end"></span></h2>
<p> گوگل کروم یک مرورگر وب است که توسط گوگل توسعه یافته و در سال 2008 منتشر شد. کروم امروزه محبوب ترین مرورگر وب جهان است.!</p>
  </article>
  <article class="browser">
<h2><span class="ez-toc-section" id="Mozilla_Firefox-2"></span>Mozilla Firefox<span class="ez-toc-section-end"></span></h2>
<p> موزیلا فایرفاکس یک مرورگر وب منبع باز است که توسط موزیلا توسعه یافته است. فایرفاکس از ژانویه 2018 دومین مرورگر وب محبوب بوده است.</p>
<div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://seokan.ir/menu-in-html-css/" target="_blank" rel="nofollow" class="IRPP_minimalist"><style> .IRPP_minimalist { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#ECF0F1; border:0!important; border-left:4px solid #7F8C8D!important; text-decoration:none; } .IRPP_minimalist:active, .IRPP_minimalist:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .IRPP_minimalist { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .IRPP_minimalist .ctaText { font-weight:bold; color:#16A085; text-decoration:none; font-size: 16px;float:left; } .IRPP_minimalist .postTitle { color:#34495E; text-decoration: underline!important; font-size: 16px; } .IRPP_minimalist:hover .postTitle { text-decoration: underline!important; } </style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText">ادامه مطلب</span>  <span class="postTitle">آموزش ساخت منو nav و زیرمنو subnavبا html و css - جلسه 6</span></div></a><div style="width:100%; text-align:left; font-weight:normal;"><div style="font-size:10px;"><span class="poweredByText">قدرت گرفته از</span> <a rel="nofollow" style="font-weight:bold;" href="https://mihannevis.com/inline-related-posts" target="_blank">افزونه نوشته‌های مرتبط هوشمند</a></div></div><div style="clear:both"></div></div>  </article>
<div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://seokan.ir/tag-img/" target="_blank" rel="nofollow" class="IRPP_minimalist"><style> .IRPP_minimalist { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#ECF0F1; border:0!important; border-left:4px solid #7F8C8D!important; text-decoration:none; } .IRPP_minimalist:active, .IRPP_minimalist:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .IRPP_minimalist { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .IRPP_minimalist .ctaText { font-weight:bold; color:#16A085; text-decoration:none; font-size: 16px;float:left; } .IRPP_minimalist .postTitle { color:#34495E; text-decoration: underline!important; font-size: 16px; } .IRPP_minimalist:hover .postTitle { text-decoration: underline!important; } </style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText">ادامه مطلب</span>  <span class="postTitle">آموزش استفاده از تگ image</span></div></a><div style="width:100%; text-align:left; font-weight:normal;"><div style="font-size:10px;"><span class="poweredByText">قدرت گرفته از</span> <a rel="nofollow" style="font-weight:bold;" href="https://mihannevis.com/inline-related-posts" target="_blank">افزونه نوشته‌های مرتبط هوشمند</a></div></div><div style="clear:both"></div></div>  <article class="browser">
<h2><span class="ez-toc-section" id="Microsoft_Edge-2"></span>Microsoft Edge<span class="ez-toc-section-end"></span></h2>
<p> مایکروسافت اج یک مرورگر وب است که توسط مایکروسافت توسعه یافته و در سال 2015 منتشر شد. مایکروسافت اج جایگزین اینترنت اکسپلورر شد.</p>
  </article>
</article>

</body>
</html>

تفاوت بین HTML 4.01 و HTML5

تگ <article> در HTML5 تگ جدیدی محسوب می شود.

خصیصه های سراسری Global Attributes

تگ <article> از خصیصه های سراسری در HTML پشتیبانی می کند.

خصیصه رویداد Event Attributes

تگ <article> از خصیصه رویداد در HTML پشتیبانی می کند.

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

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

نمایش کپی در حافظه

منبع

https://www.w3schools.com/tags/tag_article.asp

تگ article در html

تگ article چیست؟

موارد استفاده از تگ article

مثالی از تگ article

تفاوت بین HTML 4.01 و HTML5

خصیصه های سراسری Global Attributes

خصیصه رویداد Event Attributes

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

منبع

آموزش ساخت فرم ثبت‌ نام با PHP- سئوکان

لیست سایت های رپورتاژ رایگان – سئوکان

اضافه کردن تگ های html با php – سئوکان

چند مثال ساده از نمونه کد php – سئوکان

یک دیدگاه

ارسال دیدگاه لغو پاسخ

عنوان

تگ article در html

تگ article چیست؟

موارد استفاده از تگ article

مثالی از تگ article

تفاوت بین HTML 4.01 و HTML5

خصیصه های سراسری Global Attributes

خصیصه رویداد Event Attributes

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

منبع

مطالب مرتبط

آموزش ساخت فرم ثبت‌ نام با PHP- سئوکان

لیست سایت های رپورتاژ رایگان – سئوکان

اضافه کردن تگ های html با php – سئوکان

چند مثال ساده از نمونه کد php – سئوکان

یک دیدگاه

ارسال دیدگاه لغو پاسخ

عنوان