След много дебати дали да има или да няма такъв таг, най-вероятно ще го бъде и вече е официално добавен в спецификация на HTML5. Накратко, използва се за ограждане на основното съдържание в сайта. Трябва да се има предвид, че <main> тагът не е секционен елемент!
За разлика от <article> тага, <main> може да се съдържа само веднъж на страница и да съдържа в себе си не чак-толкова уникално за страницата съдържание, примерно <aside>. Но основната цел на тагът е да съдържа в себе си един или няколко <article> тага. Тоест, решава проблема, когато на страница има повече от една публикация.
При повечето сайтове има елемент с клас или ID "main", който спокойно може просто да се смени с таг <main>. Следват два такива примера, които са валидни:
1. Страничната лента е извън <main>
2. Страничната лента е в <main>
3. Невалидно използване, което понякога се среща, особено в блогове
Тоест, тагът <main> трябва да е извън <article> и да съдържа в себе си цели публикации, а не само съдържанието им.
Много полезна статия с дискусия в коментарите по темата: http://html5doctor.com/the-main-element/
За разлика от <article> тага, <main> може да се съдържа само веднъж на страница и да съдържа в себе си не чак-толкова уникално за страницата съдържание, примерно <aside>. Но основната цел на тагът е да съдържа в себе си един или няколко <article> тага. Тоест, решава проблема, когато на страница има повече от една публикация.
При повечето сайтове има елемент с клас или ID "main", който спокойно може просто да се смени с таг <main>. Следват два такива примера, които са валидни:
1. Страничната лента е извън <main>
HTML:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<header></header>
<main>
<article></article>
<article></article>
[...]
</main>
<aside></aside>
<footer></footer>
</body>
</html>
2. Страничната лента е в <main>
HTML:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<header></header>
<main>
<article></article>
<article></article>
[...]
<aside></aside>
</main>
<footer></footer>
</body>
</html>
3. Невалидно използване, което понякога се среща, особено в блогове
HTML:
<article>
<h1></h1>
<main></main>
</article>
Тоест, тагът <main> трябва да е извън <article> и да съдържа в себе си цели публикации, а не само съдържанието им.
Много полезна статия с дискусия в коментарите по темата: http://html5doctor.com/the-main-element/