برچسب <main> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
محتوای اصلی یک سند را مشخص می‌کند
معرفی شده در نسخهٔ:نامشخص
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:نامشخص
تنظیمات پیش‌فرض CSS:ندارد

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

<main>
  <h1>Most Popular Browsers</h1>
  <p>Chrome, Firefox, and Edge are the most used browsers today.</p>

  <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>
</main>


تعریف و کاربرد

برچسب <main> محتوای اصلی یک سند را مشص می‌کند.[۱]

محتوای درون عنصر <main> باید برای سند، منحصربه‌فرد باشد. نباید دارای هرگونه محتوایی باشد که در طول سند تکرار می‌شود همچون نوارهای جانبی (sidebars)، لینک‌های ناوبری (navigation links)، اطلاعات حق‌تکثیر، لوگوهای سایت، و فرم‌های جستجو.

توجه: نباید بیشتر از یک عنصر <main> در سند وجود داشته باشد. عنصر <main> نباید فرزند هر یک از عناصر <article> ،<aside> ،<footer> ،<header> یا <nav> باشد.

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

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

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<main> ۲۶٫۰ ۱۲٫۰ ۲۱٫۰ ۷٫۰ ۱۶٫۰

ویژگی‌های سراسری

همچنین برچسب <main> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

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

همچنین برچسب <main> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

منابع آموزشی