Section или article?

Sergey Goryachev: Хотя судя по тому примеру, надо писать вот так

<header></header>
	<main>
		<section></section>
		<section></section>
		<section></section>
	</main>
<footer></footer>

Section или article?

Sergey Goryachev: А на счёт header и footer внутри body я всё же походу прав был.
Смотри второй пример
spec.piraruco.com/html5/grouping-content.htm#the-m...

Section или article?

Sergey Goryachev: Дошло) main - это подобие section и article, только в нём пишется основное содержимое страницы. Ну и main нельзя писать внутри тех же section и article как я понял.
Спасибо, помог.

Section или article?

Sergey Goryachev: В смысле как обертку? main должен же один только на странице быть или даже на сайте.

Section или article?

Кстати, как с логотипом быть? Его в nav?
Я щас в принципе понял, что надо вот так писать.

<header>
  <div id="logo"></div>
  <nav></nav>
</header>
<section>
  <main></main> <!-- Или лучше main не писать? -->
</section>

Section или article?

Sergey Goryachev:
Вот на данном макете подобный случай.


Разве у body не может быть тот же header и footer?

Section или article?

Sergey Goryachev: А как посоветуешь?

Section или article?

Sergey Goryachev: Я обновил вопрос..

Section или article?

Спасибо. А по поводу nav не подскажешь?

CSS - Safari - почему появляются непонятные отступы?

position: relative; top: 1px; на картинку, как вариант)

Как отменить открытие ссылки в новой вкладке/окне?

У средней какое событие?

Как отменить открытие ссылки в новой вкладке/окне?

Для ПКМ contextmenu же. Я

Какой оптимальный размер фонового изображения?

Я взял с шириной 2560 уже. Весят по 360кб в среднем. Для мобильной версии сделаю изображение поменьше с примерном весом 50-100кб

Как проверить, поддерживает ли браузер режимы наложения в css?

В css @supports поддерживается всеми браузерами кроме IE caniuse.com/@supports

Посмотрите сайт, что можно оптимизировать?

nugmani: Можно было сделать её одноразовой и всё. Она ведь только при сворачивании багала.

Посмотрите сайт, что можно оптимизировать?

баг со скроллом у секции "about me". Походу из-за блока "персональная информация"

Слайдер фонового изображения без смены контента?

А если бутстрап? То вне контейнера? Или сделать ещё один контейнер на всю ширину и там слайдер отдельно?

<div class="container-fluid">
слайдер
</div>
<div class="container">
контент
</div>

Вот сайт https://iiiu6ko.github.io/meitansrc/

Какой оптимальный размер фонового изображения?

Андрей Б.: А как же быть с телефонами? Основная картинка будет по-любому подгружаться или разрешение будет подстраиваться под размер экрана?
И ещё один момент. Если я зайду на сайт с телефона, у которого фуллхд разрешения в горизонтальной развёртке, то он мне подгрузит самое большое разрешение или как-то иначе?

Как сделать такую кнопочку?

вертикальное выравнивание через line-height спокойно делается у дивов

Есть ли своё название у такого построения сайта и как такое реализуют?

У них есть 2 других проекта, которые как раз то, что автор ищет
alvarotrigo.com/pagePiling
alvarotrigo.com/multiScroll

Мультискролл красивая тема.