آموزش و يادگيري تگ main در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <main> آشنا مي‌شويم. اين تگ براي مشخص کردن بخش اصلي محتوا در يک صفحه وب استفاده مي‌شود و نقش مهمي در دسترسي و سئو دارد.

تگ main در HTML چيست؟

تگ <main> بخشي از سند HTML را مشخص مي‌کند که محتواي اصلي صفحه را شامل مي‌شود و معمولاً شامل متن، تصاوير، ويدئوها و ساير اطلاعاتي است که منحصر به صفحه جاري است. تگ <main> نبايد داخل <article>، <aside>، <footer> يا <header> قرار گيرد.

مثال ساده از تگ main

<body>
  <header>
    <h1>سايت آموزش دون</h1>
  </header>

  <main>
    <h2>محتواي اصلي صفحه</h2>
    <p>اين بخش شامل متن و اطلاعات مهم صفحه است.</p>
  </main>

  <footer>
    <p>تمام حقوق محفوظ است.</p>
  </footer>
</body>

ويژگي‌هاي مهم تگ main

ويژگي	توضيح
id / class	اعمال استايل CSS يا شناسه يکتا براي ارجاع

مزاياي استفاده از main

به بهبود دسترسي کاربران کمک مي‌کند و بخش اصلي محتوا را مشخص مي‌کند.
در سئو اهميت دارد و موتورهاي جستجو محتواي اصلي را راحت‌تر شناسايي مي‌کنند.
به اسکرين‌ريدرها کمک مي‌کند تا کاربران سريع‌تر به بخش اصلي محتوا بروند.

مثال با استايل CSS

<style>
  main {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 6px;
  }
  main h2 {
    color: #2196f3;
  }
</style>

<main>
  <h2>محتواي اصلي صفحه</h2>
  <p>اين بخش شامل متن و اطلاعات مهم صفحه است.</p>
</main>

براي يادگيري کامل ساختار صفحات وب و مديريت محتواي اصلي، پيشنهاد مي‌کنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.

براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.

آموزش قبلي: تگ link در HTML

آموزش بعدي: تگ map در HTML