<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<header></header>
<footer></footer>
</body>
</html>
The <section> element defines a section in a document.<section> обозначает секцию.
According to W3C's HTML5 documentation: "A section is a thematic grouping of content, typically with a heading."
A home page could normally be split into sections for introduction, content, and contact information.
The <article> element specifies independent, self-contained content.Элемент <article> обозначает независимый элемент.
An article should make sense on its own, and it should be possible to read it independently from the rest of the web site.
Examples of where an <article> element can be used:
Forum post
Blog post
Newspaper article
The <main> tag specifies the main content of a document.Тег <main> обозначает главный контент документа.
The content inside the <main> element should be unique to the document. It should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms.
<article>
<header>
<h1>Компания</h1>
<p>Опубликовано: 2016</p>
</header>
<p>...</p>
<p>...</p>
<footer>
<address>
Автор <a href="">...</a>
</address>
<p>Copyright</p>
</footer>
</article><header>шапка</header>
<main>
<section>
<article>Новость 1</article>
<article>Новость 2</article>
<article>Новость 3</article>
</section>
<aside>
<div>блок с формой поиска</div>
<div>блок с меню</div>
<div>блок с рекламой</div>
</aside>
</main>
<footer>Футер</footer>
Простой
Средний
Простой
Простой