مثال (تگ main در HTML)
<main>
<h1>Web Browsers</h1>
<p>Google Chrome, Firefox, and Internet Explorer are the most used browsers today.</p>
<article>
<h1>Google Chrome</h1>
<p>Google Chrome is a free, open-source web browser developed by Google,
released in 2008.</p>
</article>
<article>
<h1>Internet Explorer</h1>
<p>Internet Explorer is a free web browser from Microsoft, released in 1995.</p>
</article>
<article>
<h1>Mozilla Firefox</h1>
<p>Firefox is a free, open-source web browser from Mozilla, released in 2004.</p>
</article>
</main>
<h1>Web Browsers</h1>
<p>Google Chrome, Firefox, and Internet Explorer are the most used browsers today.</p>
<article>
<h1>Google Chrome</h1>
<p>Google Chrome is a free, open-source web browser developed by Google,
released in 2008.</p>
</article>
<article>
<h1>Internet Explorer</h1>
<p>Internet Explorer is a free web browser from Microsoft, released in 1995.</p>
</article>
<article>
<h1>Mozilla Firefox</h1>
<p>Firefox is a free, open-source web browser from Mozilla, released in 2004.</p>
</article>
</main>
خودتان امتحان کنید »
تعریف و کاربرد تگ main در HTML
تگ <main> محتوای اصلی یک سند را مشخص می کند.
محتوای درون عنصر <main> باید منحصر به فرد برای آن سند باشد. عنصر <main> شامل هر محتوایی در سراسر اسناد (مانند ستون های فرعی، لینک های ناوبری، اطلاعات کپی رایت، آرم سایت و فرم جستجو) باشد را نباید تکرار کند.
نکته: نباید بیش از یک عنصر <main> در سند باشد. عنصر <main> نباید در داخل تگ های دیگر مانند <article> و <aside> ،<footer> ،<header> یا <nav> قرار گیرد.
پشتیبانی مرورگرها از تگ main در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر | |||||
---|---|---|---|---|---|
<main> | 6.0 | پشتیبانی نمی شود | 4.0 | 5.0 | 11.1 |
تفاوت بین HTML 4.01 و HTML5
تگ <main> یک تگ جدید در HTML5 است.
ویژگی های عمومی تگ main در HTML
تگ <main> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ main در HTML
تگ <main> از رویدادهای عمومی در HTML پشتیبانی می کند.
1-چرا نمی توان از چند main در یک صفحه استفاده کرد در صورتی که بعضی از افراد چندین صفحه وب را داخل یک صفحه وب singel page قرار می دهند و اینکار را از طریق تگ main انجام می دهند و داخل هر تگ main از nav و article و غیره استفاده می کنند؟ نظر شما در این مورد چیه آیا این منطقیه؟
2-ما در html4 یک کانتینر تعریف میکردیم و کل صحفه را داخل آن قرار می دادیم از جمله هدر-منو-نوار کناری-content-فوتر حال در html5 باید بجای container از تگ main استفاده کنیم یا خیر؟
3-آیا می توان در html5 از div class="container برای کل صحفه استفاده کرد و بجای div class="content از تگ main استفاده کنیم؟
4-به نظر شما بهترین مکان برای قرار دادن تگ main کجاست؟
2- با توجه به اینکه تگ main در مرورگر IE پشتیبانی نمی شود، بهتر است از همان روش div با کلاس container استفاده کنید.
3- بله می توان در HTML5 از یک div به عنوان Container استفاده نمود.
4- بهترین مکان برای تگ main بلافاصله بعد از تگ body است.
با آرزوي موفقيت روز افزون براي شما عزيزان و زحمت كشان