Как правильно будет расставить семантические теги в лендинге?
У лендинга такая структура:
<body>
<header>
<h1>Главный заголовок</h1>
<p>Доп. текст</p>
</header>
<section>
<header>
<h2>Заголовок 1 секции лендинга</h2>
<p>Доп. текст секции</p>
</header>
...
</section>
<section>
<header>
<h2>Заголовок 2 секции лендинга</h2>
<p>Доп. текст секции</p>
</header>
...
</section>
<section>
<header>
<h2>Заголовок 3 секции лендинга</h2>
<p>Доп. текст секции</p>
</header>
...
</section>
<footer>Copyright</footer>
</body>
Нужно/правильно ли всё выше в body обернуть в main, нужен ли тут main? ?
2. Есть такая секция.
<section class="future">
<div class="container mt-section">
<div class="row">
<header class="col-12">
<h2 class="title mb-1">
Заголовок секции лендинга
</h2>
<p class="m-0 desc">
Доп. текст секции.
</p>
</header>
</div>
<div class="row mt-5">
<div class="col-md-4">
<aside class="item d-flex align-items-center flex-column text-align-center">
<div class="img mb-3"></div>
<div class="desc">
Item Text
</div>
</aside >
</div>
<div class="col-md-4">
<aside class="item d-flex align-items-center flex-column text-align-center">
<div class="img mb-3"></div>
<div class="desc">
Item Text
</div>
</aside >
</div>
<div class="col-md-4">
<aside class="item d-flex align-items-center flex-column text-align-center">
<div class="img mb-3"></div>
<div class="desc">
Item Text
</div>
</aside >
</div>
</div>
<div class="row justify-content-center mt-5">
<div class="col-9">
<aside class="p-1 pr-3 pl-3 border-blue text-align-center" style="font-size:1.15em;line-height: 1.1;">
<p>text line 1</p>
<p><b>text line 2</b></p>
<p>text line 3</p>
</aside>
</div>
</div>
<div class="row justify-content-center mt-5">
<footer class="col-auto">
<a href="#" class="btn btn-primary mr-3" rel="nofollow">Вызвать форму</a>
</footer>
</div>
</div>
</section>
Правильно ли здесь будут поставлены aside и footer?
