Углубляюсь во фронтенд разработку, столкнулся с таким термином, как семантика, но не уверен что пишу код правильно.
На просторах интернета много противоречивой информации, и каждый имеет свое имхо. Интересно было бы узнать, насколько семантичен код приведенный ниже (большие смущения по поводу тега "section")?
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<header>
<div class="logo"></div>
<nav class="top-menu">
<ul>
<li><a href="">Page1</a></li>
<li><a href="">Page2</a></li>
<li><a href="">Page3</a></li>
</ul>
</nav>
</header>
<section>
<article>
<h1>Lorem</h1>
<p>Lorem ipsum dolor sit amet.</p>
</article>
<aside>
<nav class="side-menu">
<ul>
<li><a href="">Page4</a></li>
<li><a href="">Page5</a></li>
<li><a href="">Page6</a></li>
</ul>
</nav>
</aside>
</section>
<footer></footer>
</body>
</html>
Средний