تگ main در HTML

  /  فرانت اند   /  HTML   /  تگ main در HTML

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

مثال

<main>
<h1>محبوب ترین مرورگر ها</h1>
<p>Chrome ، Firefox و Edge پرکاربردترین مرورگرهای امروزی هستند.</p>

<article>
<h2>Google Chrome</h2>
<p>Google Chrome یک مرورگر وب است که توسط Google تولید شده و در سال 2008 منتشر شده است. Chrome امروزه محبوب ترین مرورگر وب جهان است!</p>
</article>

<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox یک مرورگر وب منبع باز است که توسط Mozilla ساخته شده است. Firefox از ژانویه 2018 دومین محبوب ترین مرورگر وب است.</p>
</article>

<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge یک مرورگر وب است که توسط مایکروسافت تولید و در سال 2015 منتشر شد. Microsoft Ed جایگزین Internet Explorer شد.</p>
</article>
</main>


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

تگ main در HTML برای تعریف محتوای اصلی یک سند استفاده می شود.

محتوای درون تگ <main> برای موتور های جستجو اهمیت بالایی دارد و آن را بررسی می کنند.

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

توجه: در سند نباید بیش از یک عنصر main وجود داشته باشد.

تگ main در HTML نباید از فرزندان عناصر <footer> یا <article> یا <aside> یا <header> یا <nav> باشد.


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

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

عنصر
<main>26.012.021.07.016.0

خواص عمومی

تگ main از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ main از رویداد های عمومی در HTML پشتیبانی میکند.


مثال های بیشتر

در مثال زیر یک سبک سفارشی شده با CSS را برای تگ <main> ایجاد کرده ایم:

<!DOCTYPE html>
<html dir="rtl">
<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>

<h1>عنصر main در HTML</h1>

<main>
<h1>محبوب ترین مرورگر ها</h1>
<p>Chrome ، Firefox و Edge پرکاربردترین مرورگرهای امروزی هستند.</p>

<article>
<h2>Google Chrome</h2>
<p>Google Chrome یک مرورگر وب است که توسط Google تولید شده و در سال 2008 منتشر شده است. Chrome امروزه محبوب ترین مرورگر وب جهان است!</p>
</article>

<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox یک مرورگر وب منبع باز است که توسط Mozilla ساخته شده است. Firefox از ژانویه 2018 دومین محبوب ترین مرورگر وب است.</p>
</article>

<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge یک مرورگر وب است که توسط مایکروسافت تولید و در سال 2015 منتشر شد. Microsoft Ed جایگزین Internet Explorer شد.</p>
</article>
</main>

</body>
</html>

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر