Назначение HTML-тегов в верстке №1. Базовые теги

Привет! Решил сделать разбор каждого html-тега, и показать на примере макетов, где какой тег лучше применять и почему. Рубрика будет разделена на несколько частей, чтобы видео не вышло на 3+ часа.

Для вашего удобства есть таймкоды:
00:00 - Интро
02:00 - Большой разбор заголовка h1
12:36 - Остальные заголовки
20:08 - Тег p и его разница со span
22:49 - Теги div и span
28:03 - Аутро

Меня зовут Максим Васянович. Фрилансер уже 6 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.

#обучение #html #верстка

[andreyfedyukin]

Супер! 👍 О, как же мне не хватало этого видео два года назад 😢 Всем начинающим верстальщикам обязательно к просмотру!!!

[renigat_tv]

очень хорошо объясняет особенно для новичков. Автор делает полезный контент

[extende_off]

Искал медь, а нашёл золото)) Спасибо за старания!

[olenkashabronova]

Спасибо огромное. По полочкам разложил в голове информацию. С нетерпением жду следующие видео!

[romangladysh]

Разобрать все тэги с доки с примерами это же колоссальный труд. Что мотивирует тебя этим заниматься? Спасибо тебе за это!

[tavegilla]

Великолепно! Максим, спасибо огромное! Ценнейшая информация!

[marina-ejqdkcwh]

Спасибо, Макс! Вот тоже когда начинала учиться верстать, с этим видео не написала бы столько овнокода! Про теги заголовков - наконец-то в голове они встали на свои места, а то вроде самая элементарная тема, а все равно думаю всегда как их распихать.

[ggyegwh]

Благодарю! Идея разделить на несколько видео мне нравится 👍

[frd_]

Благодарю за видео!
Очень подробно и понятно.
Буду рад увидеть видео про остальные теги.

[romanf.]

За видео спасибо! 👍 жду блок про семантику 🔥

[hcwqomi]

Спасибо Вам большое! Классное и полезное видео!🔥🔥🔥👍👍👍

[makeuppolina]

Спасибо большое за видео! Отличный разбор👍

[alexdreamer]

Видео познавательное, полезное. Звук тихий, на ноуте еле слышно.

[lemztth]

Привет, очень хотелось бы урок по верстки сложного Интернет Магазина, а именно шапки

[toninlosin]

в спецификации html5 не говорится, что H1 должен быть "один на страницу". Один на <section> или <article> - да.

[romanf.]

18:59 - на макете не очень видно - это страница постов конкретного автора? Если заголовки виджетов сделать h2, а заголовки постов h3, то куда будут по смыслу вкладываться h3? Что их родительский h2? Ну и сама страница должна быть сверстана так, чтобы вложенность сохранялась. Виджеты обычно находятся в сайдбаре (aside), а основной контент в main.

[denisgerc]

Максим спасибо за ваш труд! Смотрю часто ваши видео и читаю блог. Есть маленький вопросик) с H1.

Как поступать если на странице слайдер в первой секции лендинга, и на нем меняются картинки и заголовки, подходят эти заголовки как H1 т.е описывает сайт, но их нельзя применять больше 1раза, а слайдов 3шт), как быть в таком случаи?

Сделать H1 (уникальный) и скрыть его, а заголовку на слайдере сделать DIV?