تگ main در HTML
مثال (تگ 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 پشتیبانی می کند.
- نوشته شده توسط سمیه فخری
- بازدید: 11797
دیدگاه‌ها
با سلام
1-چرا نمی توان از چند main در یک صفحه استفاده کرد در صورتی که بعضی از افراد چندین صفحه وب را داخل یک صفحه وب singel page قرار می دهند و اینکار را از طریق تگ main انجام می دهند و داخل هر تگ main از nav و article و غیره استفاده می کنند؟ نظر شما در این مورد چیه آیا این منطقیه؟
2-ما در html4 یک کانتینر تعریف میکردیم و کل صحفه را داخل آن قرار می دادیم از جمله هدر-منو-نوار کناری-content-ف وتر حال در html5 باید بجای container از تگ main استفاده کنیم یا خیر؟
3-آیا می توان در html5 از div class="containe r برای کل صحفه استفاده کرد و بجای div class="content از تگ main استفاده کنیم؟
4-به نظر شما بهترین مکان برای قرار دادن تگ main کجاست؟
1- طبق استاندارد HTML5 هر صفحه HTML فقط یک تگ main می تواند داشته باشد، اما اگر رعایت نکنید، مشکلی در نمایش پیش نخواهد آمد اما شاید از نظر Seo و گوگل نمره منفی به سایتتان داده شود.
2- با توجه به اینکه تگ main در مرورگر IE پشتیبانی نمی شود، بهتر است از همان روش div با کلاس container استفاده کنید.
3- بله می توان در HTML5 از یک div به عنوان Container استفاده نمود.
4- بهترین مکان برای تگ main بلافاصله بعد از تگ body است.
ضمن تشكر از مطالب مفيدي كه درباره تگ هاي html5 قرار ميديد لطفا مثال هاي بيشتري از اين تگ ها و رابطه اونها با همديگر بزنيد ؛ دروغ نباشه، بنده الان از سايت رسميه w3schools آموزشها رو دنبال ميكنم و چون انگليسيم خوب نيست تگ هاي اون رو كپي پيست ميكنم تا اطلاعات كامل و جامع دربارشون بدست بيارم و سايت شما جزء اولين سايت هاي روي صفحه مانيتوره و شما كار ارزشمندي كه انجام ميديد اين هست كه دقيقا همونا رو ترجمه ميكنيد ؛ اين كار بسيار ارزشمندي هست ؛ از شما تقاضا ميكنم مثالهاي بيشتري از نحوه ارتباط اين تگ ها با هم بزنيد تا ديد خيلي روشن تري نسبت به طراحي سايت ( بوسيله اين تگ ها ) داشته باشيم.
با آرزوي موفقيت روز افزون براي شما عزيزان و زحمت كشان