color: white;
color: 255,255,255, .5 ;
// 100% высота блока на главной
$(window).resize(function(){
var height = $(window).height();
$('.class-name').css({'height':height});
}).resize();
<section>
— смысловой или логический раздел документа;<article>
— самостоятельный и независимый раздел документа.<div>
— контейнер общего назначения, не обязательно смысловой. Дивы используются для разметки мелких блоков, создания сетки и декоративных эффектов.<section>
— более крупный логический контейнер, объединяющий содержание по смыслу. Например, блок «О компании», список товаров, раздел личной информации в профиле и так далее.<article>
— самостоятельный, цельный и независимый раздел документа. Этот раздел можно в неизменном виде использовать в различных местах, в том числе и на других сайтах. Примеры: статья, пост в блоге, сообщение на форуме и так далее.<section>
<h2>Свежие статьи</h2>
<article>
<h2>Заголовок статьи 1</h2>
<p>Текст статьи</p>
</article>
<article>
<h2>Заголовок статьи 2</h2>
<p>Текст статьи</p>
</article>
</section>
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.