Семантическая верстка. Что это и для чего это нужно?! | Уроки HTML CSS

[@MxRwo1]

Новая для меня и интересная тема с потрясающими наглядным примером. Огромное спасибо!

[@osipkov72]

Спасибо, теперь стало гораздо понятнее, что такое семантический смысл в программировании. p.s. Не останавливайся, записывай больше видео. У тебя хорошо получается объяснять =)

[@mox6034]

Хорошая работа, спасибо!

[@Nightbot2-z4w]

Отличные видеоуроки!

[@Imofe_ozuro]

Рома спасибо за контент !

[@kv3453]

Спасибо ! Ты один объяснил для чего это так важно и нужно у остальных надо но сами не знаем зачем 🙂. Подписался на тебя жаль видосов пока мало , общем спасибо , колокольчик включил 🙂👍!

[@deanwichester6412]

Demi Murych хорошо расказывает про симантику ,что основа всего section и article

[@Guy_161]

Оборочивание текста в дивы в место это нарушение семантики?

[@tutproweb]

Это не то, чтобы ее нарушение. Это ее отсутствие. Для текста есть много семантических тегов. Для параграфа - , для цитаты - и многие другие.

[@Mr40peR]

Спасибо 🙏

[@maximkomarov2216]

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

[@alexlisouski4069]

использование атрибутов id разве обязательно для семантики? а классы? или это от ситуации зависит?

[@tutproweb]

Привет. Нет, для самой семантики не обязательно. ID и классы вообще к семантике не относятся. Семантика - это подход в разметке - использование правильных тегов. А остальное нужно для стилизации или обработки через JavaScript.

[@ЕвгенийЯрощенко-ж9й]

Спасибо за урок, я сейчас как раз запарываюсь с валидной версткой и пишу через id... Сейчас исправлю! Самому не навиться div и span везде пихать... Существует ли специальный тэг для логотипа сайта, по современным стандартам? Или все делается по старинке?

[@tutproweb]

Вот прям для логотипа отдельного тега нет. Но если это логотип в шапке сайта или footer, то оборачивайте ссылкой картинку или текст в логотипе.

[@ЕвгенийЯрощенко-ж9й]

@@tutproweb Благодарю, а почему id не использовать? И что использовать вместо id -> class?

[@ЕвгенийЯрощенко-ж9й]

2:10

[@papo4kacleo]

Хочу дізнатися що це за розширення чи програму ви використовуєте для перегляду структури сайту. Відгукніться будь ласка

[@papo4kacleo]

вже замітив у вашому відео, дякую

[@discode604]

@@papo4kacleo WAVE Report, вроде работает

[@yadev3646]

А нормальная документация Whatwg чем не угодила ?

[@tutproweb]

Для молодого неокрепшего ума будет сложно разобраться в спецификации Whatwg

[@pro100_makari4]

Хотілось би додати, що якщо в ряд йдуть 2 і більше однакових теги, то краще вкладати їх в список, а не div.

[@tutproweb]

Дякую за комент. Але краще дивитись не на самі теги, на на інфу в них. Якщо інформацію можна охарактеризувати як набір, перелік або список чогось, тоді так - список можна)

[@pro100_makari4]

@@tutproweb так, параграфи частіше всього звичайні діви)

[@tutproweb]

А ось діви я б рекомендував в останню чергу використовувати)

[@pro100_makari4]

@@tutproweb я маю на увазі використовувати діви як обгортку для декількох параграфів)

[@СтависВега]

Если для бизнеса люди с ограничениями не целевая аудитория, то они и не будут заморачиваться с версткой под скрин ридеры.

[@tutproweb]

А бизнес и не заморачивается, ему не нужно. Бизнесу нужно делать деньги. Заморачиваться с версткой (делать ее доступной) - обязанность разработчика.

[@antonserhiyenka]

Без семантики пишут черномордые верстальщики, которых как песка на пляже. Профи пишут используя снимантику на максимум и не задаются вопросом - а зачем? Потому что так надо, так правильно.

[@викторгенералов-о8ч]

Если бы еще эти теги не навешивали говняные стили - цены бы им не было.

[@tutproweb]

Долго искал слова для правильного ответа и нашел. "User Experience" важнее, чем "Developer Experience". Так что терпения вам и увеличения уровня ваших скилов ))