آموزش تگ main در HTML - راهنمای کار با محتوای اصلی در html

تگ main محتوای اصلی سند را مشخص می کند. به همین خاطر محتوای درون تگ main باید منحصر به فرد باشد و از قرارگیری ستون های هدر و فوتر و ستون های فرعی، ...

تگ main محتوای اصلی سند را مشخص می کند. به همین خاطر محتوای درون تگ main باید منحصر به فرد باشد و از قرارگیری ستون های هدر و فوتر و ستون های فرعی، لینک های ناوبری، اطلاعات کپی رایت، لوگوی سایت و... خودداری شود.

هر صفحه تنها می تواند یک تگ main داشته باشد و این تگ نباید در داخل عناصر دیگر مانند <article> و <aside> ،<footer> ،<header> یا <nav> قرار گیرد.

مثال تگ main در HTML

<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 worlds 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>