برچسب <main> HTML

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

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

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

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

مثال

مثال ۱

محتوای اصلی سند را مشخص کنید:

<main>
  <h1>مرورگرهای محبوب</h1>
  <p>کروم، فایرفاکس و ایندوز هم اکنون از بیشترین مرورگرهای استفاده شده.</p>
  <article>
    <h2>گوگل کروم</h2>
    <p>گوگل کروم مرورگر اینترنتی توسعه یافته توسط گوگل است که در سال ۲۰۰۸ منتشر شد......</p>
  </article>
  <article>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox یک مرورگر اینترنتی منبع باز است که توسط Mozilla توسعه داده شده است......&</p>
  </article>
  <article>
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge یک مرورگر اینترنتی است که توسط مایکروسافت توسعه داده شده و در سال ۲۰۱۵ منتشر شده است......&</p>
  </article>
</main>

آزمایش کنید

مثال ۲

با استفاده از CSS تنظیم شود <main> طراحی عناصر:

<html>
<head>
<style>
main {
  margin: 0;
  padding: 5px;
  background-color: lightgray;
}
main > h1, p, .browser {
  margin: 10px;
  padding: 5px;
}
.browser {
  background: white;
}
.browser > h2, p {
  margin: 4px;
  font-size: 90%;
}
</style>
</head>
<body>
<main>
  <h1>مرورگرهای محبوب</h1>
  <p>کروم، فایرفاکس و ایندوز هم اکنون از بیشترین مرورگرهای استفاده شده.</p>
  <article>
    <h2>گوگل کروم</h2>
    <p>گوگل کروم مرورگر اینترنتی توسعه یافته توسط گوگل است که در سال ۲۰۰۸ منتشر شد......</p>
  </article>
  <article>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox یک مرورگر اینترنتی منبع باز است که توسط Mozilla توسعه داده شده است......&</p>
  </article>
  <article>
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge یک مرورگر اینترنتی است که توسط مایکروسافت توسعه داده شده و در سال ۲۰۱۵ منتشر شده است......&</p>
  </article>
</main>
</body>
</html>

آزمایش کنید

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

<main> این برچسب همچنین از ویژگی‌های جهانی در HTML.

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

<main> این برچسب همچنین از ویژگی‌های رویداد در HTML.

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 12.0 21.0 7.0 16.0