Семантическая верстка. Что это и для чего это нужно?! | Уроки HTML CSS
Переглядів 10,267
Рік томуЧто такое семантическая верстка?! Почему не стоит везде при разметке страницы использовать тег DIV. Что вы улучшаете на сайте, когда используете семантику? Ответы на все эти вопросы я отвечу в видео.
Так же вы узнаете что такое доступность сайта. И увидите примеры тестирования доступности сайта.
----------------------------------------------------------------------------------------------------------------
Поддержи канал:
PayPal
www.paypal.com/donate/?hosted...
или по почте - inweb@ua.fm
Patreon
/ tutproweb
Donatello
donatello.to/proweb
Crypto
USDT: 0xb205047a3f2ceb5198d547e3de011d1a85412fac
@osipkov72 Рік тому
Спасибо, теперь стало гораздо понятнее, что такое семантический смысл в программировании. p.s. Не останавливайся, записывай больше видео. У тебя хорошо получается объяснять =)
@MxRwo1 6 місяців тому
Новая для меня и интересная тема с потрясающими наглядным примером. Огромное спасибо!
@mox6034 Рік тому
Хорошая работа, спасибо!
@user-lv8eh7jz3n Рік тому
Отличные видеоуроки!
@Mr40peR Рік тому
Спасибо 🙏
@kv3453 Рік тому
Спасибо ! Ты один объяснил для чего это так важно и нужно у остальных надо но сами не знаем зачем 🙂. Подписался на тебя жаль видосов пока мало , общем спасибо , колокольчик включил 🙂👍!
@Imofe_ozuro 4 місяці тому
Рома спасибо за контент !
@deanwichester6412 2 місяці тому
Demi Murych хорошо расказывает про симантику ,что основа всего section и article
@Freelancer-Ok 3 місяці тому
Оборочивание текста в дивы в место это нарушение семантики?
@tutproweb 3 місяці тому
Это не то, чтобы ее нарушение. Это ее отсутствие. Для текста есть много семантических тегов. Для параграфа - , для цитаты - и многие другие.
@user-in7pg9nd7v Рік тому
Спасибо за урок, я сейчас как раз запарываюсь с валидной версткой и пишу через id... Сейчас исправлю! Самому не навиться div и span везде пихать... Существует ли специальный тэг для логотипа сайта, по современным стандартам? Или все делается по старинке?
@tutproweb Рік тому
Вот прям для логотипа отдельного тега нет. Но если это логотип в шапке сайта или footer, то оборачивайте ссылкой картинку или текст в логотипе.
@user-in7pg9nd7v Рік тому
@@tutproweb Благодарю, а почему id не использовать? И что использовать вместо id -> class?
@user-in7pg9nd7v Рік тому
2:10
@maximkomarov2216 10 місяців тому
В этом дизайне сайта мне сложно разобраться с управлением. Представленность страдает. По коду- все запихнули в div контейнеры. Создается впечатление, что создали не заморачиваясь.
@alexlisouski4069 2 місяці тому
использование атрибутов id разве обязательно для семантики? а классы? или это от ситуации зависит?
@tutproweb 2 місяці тому
Привет. Нет, для самой семантики не обязательно. ID и классы вообще к семантике не относятся. Семантика - это подход в разметке - использование правильных тегов. А остальное нужно для стилизации или обработки через JavaScript.
@papo4kacleo 3 місяці тому
Хочу дізнатися що це за розширення чи програму ви використовуєте для перегляду структури сайту. Відгукніться будь ласка
@papo4kacleo 3 місяці тому
вже замітив у вашому відео, дякую
@yadev3646 Рік тому
А нормальная документация Whatwg чем не угодила ?
@tutproweb Рік тому
Для молодого неокрепшего ума будет сложно разобраться в спецификации Whatwg
@user-zj3ih2ux5e Рік тому
Если для бизнеса люди с ограничениями не целевая аудитория, то они и не будут заморачиваться с версткой под скрин ридеры.
@tutproweb Рік тому
А бизнес и не заморачивается, ему не нужно. Бизнесу нужно делать деньги. Заморачиваться с версткой (делать ее доступной) - обязанность разработчика.
@antonserhiyenka Рік тому
Без семантики пишут черномордые верстальщики, которых как песка на пляже. Профи пишут используя снимантику на максимум и не задаются вопросом - а зачем? Потому что так надо, так правильно.
@pro100_makari4 4 місяці тому
Хотілось би додати, що якщо в ряд йдуть 2 і більше однакових теги, то краще вкладати їх в список, а не div.
@tutproweb 4 місяці тому
Дякую за комент. Але краще дивитись не на самі теги, на на інфу в них. Якщо інформацію можна охарактеризувати як набір, перелік або список чогось, тоді так - список можна)
@pro100_makari4 4 місяці тому
@@tutproweb так, параграфи частіше всього звичайні діви)
@tutproweb 4 місяці тому
А ось діви я б рекомендував в останню чергу використовувати)
@pro100_makari4 4 місяці тому
@@tutproweb я маю на увазі використовувати діви як обгортку для декількох параграфів)
@user-ol3ir6fe4g Рік тому
Если бы еще эти теги не навешивали говняные стили - цены бы им не было.
@tutproweb Рік тому
Долго искал слова для правильного ответа и нашел. "User Experience" важнее, чем "Developer Experience". Так что терпения вам и увеличения уровня ваших скилов ))
Pro Web
Переглядів 1,1 тис.
Суспільне Донбас
Переглядів 319 тис.
webDev
Переглядів 32 тис.
Фрілансер по життю
Переглядів 1 млн
Pro Web
Переглядів 2,8 тис.
ВебКадеми | Юрий Ключевский
Переглядів 10 тис.
DKA-DEVELOP
Переглядів 2,8 млн