HTML тег <main>. Как правильно писать и зачем <main> нужен на странице
Тег <main> предназначен для основного содержимого документа. Причем, все содержимое должно быть уникально на странице и не должно отображаться где-либо еще на сайте.
На странице может быть только один <main>, причем он не должен располагаться внутри тегов <article>, <aside>, <footer>, <header>, или <nav>
Для этого тега доступны только универсальные атрибуты.
Пример с тегом <main>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Правильно пишем main</title>
</head>
<body>
<h1>Повесть о том, как один мужик
двух генералов прокормил
</h1>
<main>Жили да были два генерала,
и так как оба были легкомысленны,
то в скором...
<main>
</body>
</html>
Попробуйте добавить к нашему примеру CSS стили и получить нечто подобное: