تگ main در html

از تگ main در زبان HTML برای تعریف محتوای اصلی یک صفحه استفاده می‌شود. تگ <main> باید در داخل تگ <body> قرار بگیرد و بهتر است محتوای اصلی صفحه خود را درون این تگ قرار دهید. <main> معمولا بخش اصلی و مهم صفحه را تعیین کند. این بخش می‌تواند شامل عناصری مانند متن، تصاویر، ویدیوها، جداول و سایر المان‌های HTML باشد که محتوای اصلی صفحه را تشکیل می‌دهند.

نحوه استفاده از تگ <main>

در واقع شما با استفاده کردن از تگ <main> در صفحات خود بخش اصلی صفحه و محتوای اصلی خود را برای موتورهای جستجوگرمشخص می‌کنید. نمونه کد زیر نشان می‌دهد که چگونه می‌توانید از <main> در صفحه HTML استفاده کنید:

<body>
  <header>
    <!-- عناصر سربرگ -->
  </header>
  
  <main>
    <!-- محتوای اصلی صفحه -->
  </main>
  
  <footer>
    <!-- عناصر پابرگ -->
  </footer>
</body>  

attribute یا ویژگی‌های قابل استفاده در تگ <main>

تگ main می‌تواند دارای چندین ویژگی یا attribute باشد که استفاده از این ویژگی‌ها اختیاری است.

Global Attributes

تگ <main> از Global Attributes در HTML پشتیبانی می کند.

Event Attributes

تگ <main> از Event Attributes in HTML در HTML پشتیبانی می کند.

ویژگی‌های ظاهری پیشفرض در تگ main

اکثر مرورگرها تگ <main> را با مقادیر پیش فرض زیر نمایش می دهند:

main{
  display: block;
}

آموزش خصوصی طراحی سایت و وردپرس به صورت آنلاین

پروژه محور - ارتباط مستقیم با مدرس