آموزش تگ main در HTML

آموزش تگ main در HTML

تگ <main> در HTML برای تعیین محتوای اصلی یک صفحه وب استفاده می‌شود. این تگ به عنوان بخش اصلی یک صفحه وب شناخته می‌شود و محتوای اصلی و قابل مشاهده صفحه را شامل می‌شود. در این مقاله، به طور جامع به توضیحات، حالت‌ها، و ویژگی‌های تگ <main> می‌پردازیم.

ساختار تگ main

تگ <main> دارای ساختار زیر است:

<main>
  <!-- محتوای اصلی صفحه وب در اینجا قرار می‌گیرد -->
</main>

حالت‌های تگ main

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

ویژگی‌های تگ main

تگ <main> از ویژگی‌های زیر پشتیبانی می‌کند:

  1. id: این ویژگی به تعیین شناسه یکتا برای تگ <main> کمک می‌کند.
  2. class: این ویژگی به اختصاص یک یا چند کلاس CSS به تگ <main> کمک می‌کند.
  3. style: این ویژگی به اعمال استایل‌های CSS مستقیم بر روی تگ <main> کمک می‌کند.

مثال

<body>
  <header>
    <!-- بخش هدر صفحه وب -->
  </header>
  
  <main>
    <h1>خوش آمدید به وبسایت من</h1>
    <p>اینجا محتوای اصلی صفحه وب قرار می‌گیرد.</p>
  </main>
  
  <footer>
    <!-- بخش پاورقی صفحه وب -->
  </footer>
</body>

نکات مهم

  1. تگ <main> باید فقط یک بار در هر صفحه وب استفاده شود و باید محتوای اصلی صفحه را در خود قرار دهد.
  2. استفاده از تگ <main> بهبود قابل دسترسی و درک محتوای صفحه را افزایش می‌دهد.
  3. برای استایل‌دهی به محتوای داخل تگ <main>، می‌توانید از ویژگی style یا کلاس‌ها استفاده کنید.

نتیجه‌گیری

تگ <main> یکی از عناصر مهم HTML برای تعیین محتوای اصلی یک صفحه وب است. با استفاده از این تگ، می‌توانید محتوای اصلی صفحه را به صورت منطقی و سازماندهی شده تعریف کنید، که باعث افزایش قابلیت دسترسی و درک کاربران از محتوا می‌شود. استفاده صحیح از تگ <main> بهبود تجربه کاربری را فراهم می‌کند و باعث می‌شود صفحات وب شما مطلوب‌تر و دوستانه‌تر برای کاربران باشد.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - تاریخ‌ها (Dates)

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.