Семантика, семантическая верстка

  Рет қаралды 49,774

От 0 до 1

От 0 до 1

Күн бұрын

Друзья, миллион споров, разговоров, качелей, когда люди говорят про семантику, иногда это заходит до фанатизма и светлой веры в теги как в религию, а в семантическую верстку как в институт. В этом видео мы поговорим про семантику, посмотрим справочники и самое главное семантически сверстаем сайтец.
Кодекс - html.spec.what...
W3C - validator.w3.org/
Сайт курса по верстке - from0to1.com.ua/
Друзья, вы можете писать разметку по видео, или если вам так лучше взять
готовую разметку и макет на patreon - / from0to1
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ

Пікірлер: 179
@ayla3524
@ayla3524 2 жыл бұрын
Огромное спасибо за то что ты делаешь не смотря на тяжелое для вас время 🙏🏻 Дай Бог здоровья и долгих лет жизни тебе и твоей семье.
@vadymprokopchuk
@vadymprokopchuk 2 жыл бұрын
Благодарю
@alksrlv
@alksrlv 6 ай бұрын
Смотреть твои видео одно удовольствие!👍И с пользой, и с юмором - ну просто кайф, подача уникальная. Спасибо тебе🤝
@user-bm5ge3mr9u
@user-bm5ge3mr9u 2 жыл бұрын
Рад сново видеть тебя! Вадим тебе 100% воздастся за твои труды! Как всегда жирный лайк! Береги себя и семью!
@vadymprokopchuk
@vadymprokopchuk 2 жыл бұрын
Благодарю
@user-lf8kj5jr9g
@user-lf8kj5jr9g Ай бұрын
крутой мужик, уважаю за то что делает то что нужно делать и не говорит ни о чем лишнем
@artofmotivation9231
@artofmotivation9231 2 жыл бұрын
Спасибо тебе большое за твои видео, можно сказать я на них вырос, сейчас работаю как реакт разрабочик, всё благодаря тебе
@internationaluser86
@internationaluser86 2 жыл бұрын
Годно, полезно даже бывалому верстальщику. 80% видео знал, но остальные 20% оказались очень полезными
@vadymprokopchuk
@vadymprokopchuk 2 жыл бұрын
спасибо
@IvanKhavilov
@IvanKhavilov 2 жыл бұрын
Как всегда супер. Доходит с первого раза. Новым видосам радуюсь как фильмам MARVEL)))
@danielkollm6893
@danielkollm6893 2 жыл бұрын
Отлично!!! Как раз вовремя, очень кстати! А вообще, всегда с большим удовольствием и пользой проходят вечеринки! :)
@Aleksandrovich_Pavel
@Aleksandrovich_Pavel 2 жыл бұрын
Класс, спасибо огромное, за твои старания!🙏 Мир - круглый🌍😎
@JoeCode01
@JoeCode01 9 ай бұрын
Мир - плоский
@J-Lany
@J-Lany Жыл бұрын
Топовый спикер!! С тех пор, как наткнулась на первое видео (не помню какое), смотрю только его! 🍾 Бодро, понятно и с душой ❤ Спасибо 🙏🏾
@kemalgurbansahadow9631
@kemalgurbansahadow9631 11 ай бұрын
Аналогия про кодекс и барбоссу просто класс. От души посмеялся. Тут не только сухая теория но есть тонкий юморок.
@solnceyarkoe
@solnceyarkoe Жыл бұрын
Спасибо, дорогой человек! 🌠 Мир всем!🙏🌍
@user-xr4rd3pm1v
@user-xr4rd3pm1v 2 жыл бұрын
спасибо!! Шикарное видео!!! Самое главное => в вёрстке нет тега DIV, не одного. Красава !!! 👍
@nioque
@nioque Жыл бұрын
Огромная благодарность за полезный материал!
@quercus4181
@quercus4181 2 жыл бұрын
Огромное спасибо за то что ты делаешь несмотря на тяжелое для вас время. Город Герой Харьков!
@vadymprokopchuk
@vadymprokopchuk 2 жыл бұрын
спасибо
@user-zl6mg7mr2u
@user-zl6mg7mr2u 2 жыл бұрын
Сижу,скучаю...А тут видосик от Вадима.Смотрю и запоминаю.Лайкосик загружен 😎
@senianga1
@senianga1 2 жыл бұрын
тоже спорный вариант.... в данном случае наверное через CSS задать будет проще...
@user-vd1vs5tv4b
@user-vd1vs5tv4b 3 күн бұрын
Супер! А можно в будущем вместе с бэмом, классами секшен и враппер? Хочу увидеть как профессионалы верстают, чтобы привыкать правильно верстать? Спасибо за уроки! Буду и другие видео смотреть.
@sergeytikhonov6544
@sergeytikhonov6544 2 жыл бұрын
как раз сейчас пытаюсь в этом разобраться и тут такой подгон!
@user-hm4pv5ou7j
@user-hm4pv5ou7j 2 жыл бұрын
Спасибо, как вовремя! Я как раз искала информацию по этой теме. Просто подарок судьбы!
@andreykarolik7455
@andreykarolik7455 Жыл бұрын
Спасибо, все понятно. Очень приятный ритм повествования. Сперва подумал, что два часа - многовато, но уже в процессе понял, что так лучше запоминается. А в более сжатых видео других авторов просто делал много пауз, чтобы разобрать код, в итоге по времени ровно столько же, если брать на круг.
@pilot1847
@pilot1847 Жыл бұрын
Большое спасибо, доступным языком и все подробно, очень помог 👍
@yarovyy_max
@yarovyy_max 2 жыл бұрын
Дякую за чудовий урок
@vadymprokopchuk
@vadymprokopchuk 2 жыл бұрын
Дякую
@_Zola
@_Zola 2 жыл бұрын
Сижу верстаю твой марафон и тут на видосик, пошел за чайком.
@kseniiaazovtseva6139
@kseniiaazovtseva6139 Жыл бұрын
Спасибо за урок) вы крутой, очень нравится, то что вы делаете. Доступно и познавательно)
@user-zj6hf5od6y
@user-zj6hf5od6y 2 жыл бұрын
Спасибо огромное за канал!
@serjmarkelov9915
@serjmarkelov9915 2 жыл бұрын
Спасибо, что в это непростое время несешь позитив и знания! Легко быть позитивным, когда светит радуга, но реальный характер проявляется в тяжелейших условиях. Спасибо, Вадос)
@viktor_white
@viktor_white Жыл бұрын
Приятный человек, отличный материал, спасибо!
@user-vj3cu3wv9l
@user-vj3cu3wv9l Жыл бұрын
рад снова слышать твой голос!)
@dmch-lr6ig
@dmch-lr6ig Жыл бұрын
Эх, хороший ты дядька, очень классно всё объясняешь, очень интересно, спасибо тебе большое. Я хотел бы купить курс, но мне к сожалению нельзя, но я не теряю надежд, что когда-то станет можно. Всех благ
@anonymous_ua
@anonymous_ua Жыл бұрын
Большое спасибо за контент, очень приятно слушать тебя, полезно и чётко!
@focus7033
@focus7033 Жыл бұрын
Тут кстати можно ещё о многом рассказать, жду еще видео по этой тематике )
@yakub8798
@yakub8798 2 жыл бұрын
спасибо за урок много полезного узнал
@MonteCrush.
@MonteCrush. 2 жыл бұрын
Очень важный урок на самом деле))
@vadymprokopchuk
@vadymprokopchuk 2 жыл бұрын
да да)
@Hacker_Gamer777
@Hacker_Gamer777 2 жыл бұрын
Лайк со старта
@zp300788sea
@zp300788sea 9 ай бұрын
Спасибо!!!Все легко и понятно.
@vadymprokopchuk
@vadymprokopchuk 8 ай бұрын
супер, так и задумано)
@ruinxr9
@ruinxr9 6 ай бұрын
Благодарю за урок и за отличную практику 👍
@vadymprokopchuk
@vadymprokopchuk 6 ай бұрын
спасибо
@user-bl4te2kg8v
@user-bl4te2kg8v 2 жыл бұрын
Супер, впрочем как всегда!!!
@vadymprokopchuk
@vadymprokopchuk 2 жыл бұрын
спасибо
@whoisleshalightmusic
@whoisleshalightmusic 2 жыл бұрын
Было бы круто увидеть курс по wp
@flowcsgo804
@flowcsgo804 10 ай бұрын
И gg Good luck well played ауф ежжи экщкере бой марк руффало
@hjgfgjughjgfhiiyk9714
@hjgfgjughjgfhiiyk9714 Жыл бұрын
Я смотрел куча роликов по верстке и своим содержанием мне они не нравились. Мне повезло что нашел данный ролик.
@bogdanlazy1997
@bogdanlazy1997 Жыл бұрын
Король нативной рекламы прыжков с парашютом (just kidding) 😂 Спасибо за контент, дико крутая подача))
@user-db3fl4ri1l
@user-db3fl4ri1l 2 жыл бұрын
Отличное видео, от отличного человека
@user-dv8co2zg9f
@user-dv8co2zg9f Жыл бұрын
Отличный материал! Наверно это первое видео, где я вижу прямые отсылки к спеке. Недавно тут спорил с одним "блохером" по поводу тега i. Он им все иконки делал в макете. Кто не знает, в последней спецификации HTML он уже не просто делает текст курсивом, а выполняет определенную семантическую задачу. Так вот, забавно было слушать, что спецификация фигня, главное это какой-то его сомнительный опыт и, как она сказал SEO.
@IgorBobyrev
@IgorBobyrev 5 ай бұрын
Нужно чтобы и семантика была правильной, и валидатор не ругался, и другие задачи выполнялись. Например, спецы натяжки верстки на Вордпресс просят подзаголовки оформлять тегом strong, а не Н#, не знаю почему. Может быть, по семантике не важно H1 один на сайте или несколько, но SEO однозначно требует, чтобы он был один. Если для заказчика SEO не нужно, то да, но опять же, если вам ничего не сказали, лучше учесть требования SEO, чем подкладывать им бомбу замедленного действия, чтобы когда им понадобится, они ничего не переделывали
@TarasAndriutsa
@TarasAndriutsa Жыл бұрын
благодарю за те що ти робиш це рухає вперед усю країну та планету
@vladislav2023
@vladislav2023 11 ай бұрын
Я в ритме танца мне некуда деваться!)Вадя молодчик!✊️👍
@user-hx1qi7sw1q
@user-hx1qi7sw1q 2 жыл бұрын
Як завжди класний урок! Дякую)
@tatianaagapkina8658
@tatianaagapkina8658 2 жыл бұрын
Ура, новый видос, хотела бы с латте маккьято посмотреть, но придется с тем, что под рукой
@luxarmiger5729
@luxarmiger5729 Жыл бұрын
Привет, Вадим! А мне удобнее верстать один блок, стилить его и затем делать для него адаптив и только потом переходить к следующему. Кстати, подобный подход я не сам придумал, а видел у кого-то из блогеров на стриме. Почему мне так больше нравится? - просто потому, что пока помнишь логику, названия классов, идешь, как говориться "по свежему следу".
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
Можно так, все зависит и от сложности макета
@luxarmiger5729
@luxarmiger5729 Жыл бұрын
@@vadymprokopchuk Вадим, я тебя тоже люблю (по-человечески). Ты отличный парень. Несколько лет смотрю твои ролики, уже родным стал...
@alexasanchobetherestors9962
@alexasanchobetherestors9962 Жыл бұрын
Мне тоже так удобнее. Отработал с одним блоком (включая адаптив), перешёл к следующему. И нет выноса мозга в конце, типо: "а чего у меня все поехало?! "
@Serhii_P.
@Serhii_P. Жыл бұрын
Спасибо. И весело и понятно и главное правильно.
@julichka6527
@julichka6527 Жыл бұрын
Благодарю, было оочень полезно!
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
круть!
@vanyg4786
@vanyg4786 4 ай бұрын
Спасибо большое
@diego199705vlad
@diego199705vlad 2 жыл бұрын
WoW. Супер, спасибо. 👍😄
@maximandreevskiy2154
@maximandreevskiy2154 Жыл бұрын
Классный и очень полезный контент)) Большое спасибо)))
@denisvolkov4784
@denisvolkov4784 Жыл бұрын
Признавайся, Мурыча смотрел? Спасибо за контент мужик, это полезно.
@ElenaGalevskaja
@ElenaGalevskaja 2 жыл бұрын
Дякую, Вадим! суперовая тема :)
@OOOOOOOOOOOOOOOOOOOOOO333
@OOOOOOOOOOOOOOOOOOOOOO333 Жыл бұрын
Спасибо, очень полезно Интересно что это за тема у вас в VSСode ?
@simurwtime
@simurwtime 2 жыл бұрын
Привет с ХТЗ! Спасибо за видео!
@vadymprokopchuk
@vadymprokopchuk 2 жыл бұрын
привет хтз!
@user-gp5zx6xu1r
@user-gp5zx6xu1r Жыл бұрын
Спасибо за классный видос! Все как всегда круто. Подскажи пожалуйста, корректно ли упускать в таблицах thead и tbody (ты сделал просто через tr и td) . И второй вопрос по поводу декор изображений типа социальных иконок - Использование img best practice или использовать тег ( читал что есть негласная договоренность юзать именно его в случае с иконками, хоть он и заточен совсем под другое). Заранее благодарю за ответ!
@user-zo6rp1xn8i
@user-zo6rp1xn8i 2 жыл бұрын
Спасибо! Посмотрю с удовольствием!;!👍
@anyutapererva4420
@anyutapererva4420 2 жыл бұрын
Дякую за відео. Дякую за підтримку українців. Всі ми одна велика родина, яка називається Україна. Зашла на Ваш сайт та було приємно здивована, що курс не доступний для РФ та РБ. Буду дивитися далі. Вам наснаги та процвітання, та всім нам перемоги. Слава Україні!
@vadymprokopchuk
@vadymprokopchuk 2 жыл бұрын
Героям Слава!
@user-vj4rs5lv6p
@user-vj4rs5lv6p Жыл бұрын
@@vadymprokopchuk А що ж ти не захищаєш "Батьківщину", а бігаєш від повістки?
@sofiaalevi
@sofiaalevi Жыл бұрын
благодарю за информативное видео
@user-ve7tx3ud6n
@user-ve7tx3ud6n 2 жыл бұрын
Спасибо Вадим.
@whoisleshalightmusic
@whoisleshalightmusic 2 жыл бұрын
Спасибо
@user-mk3ck6rk1s
@user-mk3ck6rk1s Жыл бұрын
Спасибо за материал. Будет ли продолжение в планее стилизации?
@user-kc7id7jf6h
@user-kc7id7jf6h 2 жыл бұрын
Спасибо огромное))))
@BRILLIANTIC1
@BRILLIANTIC1 Жыл бұрын
Дякую за рекомендації в кінці. Бо до цього верстав переважно тегами div і якось лякає така кількість тегів, у яких є особисте призначення... Але буду практикуватись, звичка до кожного тега прийде с часом UPD: спочатку здалось що відео лажа :) але потім втягнувся у твій стиль і ок зайшло. Рекомендація від мене: при монтажі відео вирізай великі паузи, можливо заминки і т.д., так відео буде трохи коротше, надалі не буде лякати глядачів кількістю хвилин. Але шуточки твої норм :)
@seoonlyRU
@seoonlyRU 2 жыл бұрын
неплохо, неплохо))) лайк от СЕООНЛИ
@Nikolaishmidt
@Nikolaishmidt Жыл бұрын
Спасибо большое, Очень понравилась манера подачи! успехов вам и каналу. Скорейшей победы, чтобы наступил мир!
@user-vj3cu3wv9l
@user-vj3cu3wv9l Жыл бұрын
Знаешь было бы интереснее если бы ты по очереди показывал теги и где они используются с мини вырезками из HTML кода
@shani_desu
@shani_desu 2 жыл бұрын
Вадим, подскажите пожалуйста по такому вопросу: в секции "О нас" вы использовали dl-список для описания преимуществ. Можно ли через html добавить так же картинки/иконки в данном случае и правильно ли это будет? Или же корректнее делать через css? За видео бесконечное спасибо, очень помогаете новичкам!)
@Dendosha
@Dendosha 2 жыл бұрын
Не знаю, как следует это делать правильно, но валидатор ругается на наличие img в dl
@Dendosha
@Dendosha 2 жыл бұрын
На 1:01:31 Вадим сказал, что эти картинки вставляются в псевдоэлементы (т.е. через css)
@shani_desu
@shani_desu 2 жыл бұрын
@@Dendosha Да, не досмотрел просто изначально видео. Спасибо за ответ)
@Dendosha
@Dendosha 2 жыл бұрын
@@shani_desu Не за что)
@sivilrishar2927
@sivilrishar2927 Жыл бұрын
Ставлю жирный лайкосик под твой шикарный видосик )
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
спасибо
@sivilrishar2927
@sivilrishar2927 Жыл бұрын
@@vadymprokopchuk тебе спасибо 🥰
@gomuncool1004
@gomuncool1004 Жыл бұрын
Спасибо, как всегда топ
@HaivoX
@HaivoX Жыл бұрын
Вопрос, вот есть верхнее меню, оно может быть навигацией, при клике прокручиваться к определенному блоку, а есть меню которое ссылается на разные страницы, а верстка меняется при разных вариантах, или по дефолту? и можно вот так писать пункты меню?
@user-fi4eh3un9i
@user-fi4eh3un9i 11 ай бұрын
Лучший))
@icegouse
@icegouse 2 жыл бұрын
По таблице пару тегов не хватает. Я бы все таки использовал там параграф. А выделение уже тогда внутри его. Ибо на стилях проблемы будут.
@Virisound
@Virisound Жыл бұрын
Позже посмотрю, чтобы верстку повторить: Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat sapiente quia deserunt ducimus sunt qui aperiam. Aspernatur, eos tenetur numquam, ullam dolores maxime blanditiis cum illum inventore adipisci delectus laborum.
@user-vo3ep1lr4e
@user-vo3ep1lr4e Жыл бұрын
СПАСИБО ОГРОМНОЕ,
@all_my_life
@all_my_life Жыл бұрын
Елемент , як правило, використовується разом з іншою інформацією в елементі , чи можна також використовувати в різниз та якщо там вказані поштові адреси, номери телефонів, адреси сайтів і електронної пошти, ICQ і так далі ? (тому що завжди накидував тупо в футері і все було ок) 😅
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
так, можна
@WhiteHeterosexualMenHere
@WhiteHeterosexualMenHere Жыл бұрын
Хорош, Спасибо!
@LenovoLenovo-lm1lh
@LenovoLenovo-lm1lh 2 жыл бұрын
Вадос огонь👌🔥
@pwufora
@pwufora Жыл бұрын
1:11:53 почему здесь не может быть ?
@Vlad2807
@Vlad2807 Жыл бұрын
Добрый день, ответьте пожалуйста на несколько вопросов: 1. Когда-то было, что H1 был оберткой для логотипа, это уже не правильно? 2. dl список, как быть с картинками которые есть в макете их через СSS ставить с помощью псевдоелементов или как? 3. я так понимаю что на main можно будет повестить базовые какие-то свойства которые есть на всем сайте, div.container использовать уже чисто для того чтобы дать ширину сайту? 4. Более детально хотелось бы про ссылку и button, я так понимаю что button можно использовать когда будет какой-то попап или для работы с формами или для создания кнопок для вызова javascript событий, а при переходе лучше использовать ссылку или скрол по странице ? 5. Так и не понял зачем там кнопка под видео, какая ее роль? 6. А можно ли копирайт писать в span, помню раньше так делали или уже это не правильно?
@adaewandrei
@adaewandrei Жыл бұрын
Спасибо!
@zelenyigor6919
@zelenyigor6919 2 жыл бұрын
Спасибо !!! Вадос, плиз скажи, а когда будем уже верску натягивать на WP ?
@vadymprokopchuk
@vadymprokopchuk 2 жыл бұрын
та хз, посмотрим
@Vladimir_Alexsandrovich_I
@Vladimir_Alexsandrovich_I 2 жыл бұрын
Вообще классная тема
@pwufora
@pwufora Жыл бұрын
46:27 почему здесь не может быть ?
@user-kz5go4mp8w
@user-kz5go4mp8w 2 жыл бұрын
привіт, дякую за корисні відоси) Якщо будеш обирати тему для наступних відосів, зроби огляд основних css медіазапитів. Є деякі корисні, які ніхто не юзає. Типу any-hover)
@sevensevensev
@sevensevensev Жыл бұрын
спасибо мужик, ты крут, даже нет, крутость за пределами метагалактики
@user-dy5sv1gx4v
@user-dy5sv1gx4v Жыл бұрын
Приятно вас смотреть, спасибо!
@g_a_m_b_e_t_t_o_r8920
@g_a_m_b_e_t_t_o_r8920 Жыл бұрын
Супер хороший контент ! Один вопрос 1:11:59 почему table без thead , tbody ?
@user-ho2wd2ts6n
@user-ho2wd2ts6n 2 жыл бұрын
Спасибо!!!
@pwufora
@pwufora Жыл бұрын
24:00 почему здесь, именно те, что справа, не могут быть ?
@gustavo_frost
@gustavo_frost Жыл бұрын
матеріал - супер, жарти - ще кращі.
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
Дякую
@user-xp6bb4zh7p
@user-xp6bb4zh7p Жыл бұрын
ти супер❣
@user-uu4ig6kz5h
@user-uu4ig6kz5h 2 жыл бұрын
Спасибо.
@user-nm2xm7dr3w
@user-nm2xm7dr3w Жыл бұрын
It's just awesome
@user-go2ln4jd4u
@user-go2ln4jd4u Жыл бұрын
Интересно, но уж сильно растянуто. Приходится смотреть на двойной скорости
@MrTopolevsky
@MrTopolevsky Жыл бұрын
Дякую!
@ig89
@ig89 2 жыл бұрын
Вадим как у тебя дела братишка? Очень любим тебя
@vadymprokopchuk
@vadymprokopchuk 2 жыл бұрын
спасибо, так как и у всех сейчас
@user-wq3po9si9i
@user-wq3po9si9i Жыл бұрын
А макета в открытом доступе нет?
Как я стал Верстальщиком
38:12
От 0 до 1
Рет қаралды 77 М.
Семантика для циников, Вадим Макеев
54:10
Веб-стандарты
Рет қаралды 34 М.
Running With Bigger And Bigger Feastables
00:17
MrBeast
Рет қаралды 170 МЛН
The Giant sleep in the town 👹🛏️🏡
00:24
Construction Site
Рет қаралды 21 МЛН
А ВЫ УМЕЕТЕ ПЛАВАТЬ?? #shorts
00:21
Паша Осадчий
Рет қаралды 2,3 МЛН
FLEXBOX начало. Флексбокс верстка.
44:38
От 0 до 1
Рет қаралды 46 М.
PixelPerfect все что нужно знать
37:58
От 0 до 1
Рет қаралды 17 М.
Тестирование верстки с помощью Devtools
20:16
37 ошибок верстальщиков. Не делай так!
44:50
MaxGraph - cайты как страсть
Рет қаралды 56 М.
Семантика для циников, Вадим Макеев
42:54
Веб-стандарты
Рет қаралды 26 М.
⚡️ Эта новинка CSS уничтожила SCSS
19:37
Анна Блок
Рет қаралды 30 М.
Running With Bigger And Bigger Feastables
00:17
MrBeast
Рет қаралды 170 МЛН