آموزش تگ main در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ main در HTML به صورت کامل آشنا بشید.

تگ main در HTML

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

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

یک مثال برای تگ main در HTML

در ادامه دوره آموزشی HTML CSS پروژه محور به یک مثال از این تگ میپردازیم که میتوانید برای درک بهتر آن را مورد تحلیل قرار دهید.

مثال: استفاده از تگ main در HTML

<main>
    <article class="mypost">
      <h1>آموزش زبان HTML</h1>
      <p>تکه اول و زبان مادر طراحی وب می باشد</p>
    </article>
    <article class="mypost">
      <h1>آموزش زبان CSS</h1>
      <p>تکه دوم از الماس طراحی وب می باشد</p>
    </article> 
    <article class="mypost">
      <h1>آموزش زبان JavaScript</h1>
      <p>تکه سوم از الماس طراحی وب می باشد.</p>
    </article>
</main>

راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید

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

در جدول زیر میتوانید مرورگرهای اینترنتی که از تگ main در HTML پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…

پشتیبانی تگ main از صفات و رویدادهای عمومی

تگ main قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.

نکات و توضیحات

• اولین نکته که برای استفاده از این تگ باید مد نظر داشته باشیم این است که حداکثر تعداد تگ Main تنها یک عدد میتواند باشد.
• به هیچ عنوان نباید تگ main را در داخل تگ هایی مثل <article> , <aside> , <footer> , <header> و <nav> قرار دهیم.