HTML таг `main`

Пример

Кратък пример как се използва тагът <main>.

<body>
  <header>
    <h1>Моят уебсайт</h1>
    <nav>
      <a href="#home">Начало</a>
      <a href="#about">За нас</a>
    </nav>
  </header>

  <main>
    <h2>Добре дошли</h2>
    <p>Това е основното съдържание на страницата.</p>
  </main>

  <footer>
    <p>Авторско право &copy; 2025</p>
  </footer>
</body>

Опитай в редактора

Дефиниция и употреба

Тагът <main> обозначава основното, уникално съдържание на дадена страница. Това е съдържанието, което е пряко свързано с основната тема или основната функционалност на документа.

В рамките на един HTML документ трябва да има само един елемент <main>, и той не трябва да се намира вътре в елементи като <header>, <footer>, <article>, <aside> или <nav>. Обикновено се поставя непосредствено след <header> и преди <footer>.

Използването на <main> подобрява достъпността: помощни технологии (екранни четци) могат лесно да „прескочат“ до основното съдържание, без да преминават през навигация, банери и други повтарящи се елементи. Това прави страницата по-удобна за потребители с увреждания и улеснява навигацията с клавиатура.

Вътре в <main> могат да се съдържат други семантични елементи като <section>, <article>, <div>, формуляри, таблици и др. Важно е съдържанието в него да е уникално за конкретната страница и да не се повтаря на много други страници (например основно меню, лого, общ футър и т.н. не трябва да са в <main>).

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути

Този елемент няма специфични атрибути.

Тагове

a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fencedframe fieldset figcaption figure footer form h1 h2 h3 h4 h5 h6 head header hgroup hr html i iframe img input ins kbd label legend li link main map mark menu meta meter nav noscript object ol optgroup option output p picture pre progress q rp rt ruby s samp script search section select selectedcontent slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr

HTML таг main