Семантическая верстка. Что это и для чего это нужно?! | Уроки HTML CSS
Вставка
- Опубліковано 22 тра 2022
- Что такое семантическая верстка?! Почему не стоит везде при разметке страницы использовать тег DIV. Что вы улучшаете на сайте, когда используете семантику? Ответы на все эти вопросы я отвечу в видео.
Так же вы узнаете что такое доступность сайта. И увидите примеры тестирования доступности сайта.
----------------------------------------------------------------------------------------------------------------
Поддержи канал:
PayPal
www.paypal.com/donate/?hosted...
или по почте - inweb@ua.fm
Patreon
/ tutproweb
Donatello
donatello.to/proweb
Crypto
USDT: 0xb205047a3f2ceb5198d547e3de011d1a85412fac
Новая для меня и интересная тема с потрясающими наглядным примером. Огромное спасибо!
Спасибо, теперь стало гораздо понятнее, что такое семантический смысл в программировании.
p.s.
Не останавливайся, записывай больше видео. У тебя хорошо получается объяснять =)
Хорошая работа, спасибо!
Рома спасибо за контент !
Отличные видеоуроки!
Спасибо ! Ты один объяснил для чего это так важно и нужно у остальных надо но сами не знаем зачем 🙂. Подписался на тебя жаль видосов пока мало , общем спасибо , колокольчик включил 🙂👍!
Спасибо 🙏
Demi Murych хорошо расказывает про симантику ,что основа всего section и article
Оборочивание текста в дивы в место это нарушение семантики?
Это не то, чтобы ее нарушение. Это ее отсутствие. Для текста есть много семантических тегов. Для параграфа - , для цитаты - и многие другие.
В этом дизайне сайта мне сложно разобраться с управлением. Представленность страдает. По коду- все запихнули в div контейнеры. Создается впечатление, что создали не заморачиваясь.
Спасибо за урок, я сейчас как раз запарываюсь с валидной версткой и пишу через id... Сейчас исправлю! Самому не навиться div и span везде пихать... Существует ли специальный тэг для логотипа сайта, по современным стандартам? Или все делается по старинке?
Вот прям для логотипа отдельного тега нет. Но если это логотип в шапке сайта или footer, то оборачивайте ссылкой картинку или текст в логотипе.
@@tutproweb Благодарю, а почему id не использовать? И что использовать вместо id -> class?
2:10
использование атрибутов id разве обязательно для семантики? а классы? или это от ситуации зависит?
Привет. Нет, для самой семантики не обязательно. ID и классы вообще к семантике не относятся. Семантика - это подход в разметке - использование правильных тегов. А остальное нужно для стилизации или обработки через JavaScript.
Хочу дізнатися що це за розширення чи програму ви використовуєте для перегляду структури сайту. Відгукніться будь ласка
вже замітив у вашому відео, дякую
А нормальная документация Whatwg чем не угодила ?
Для молодого неокрепшего ума будет сложно разобраться в спецификации Whatwg
Если для бизнеса люди с ограничениями не целевая аудитория, то они и не будут заморачиваться с версткой под скрин ридеры.
А бизнес и не заморачивается, ему не нужно. Бизнесу нужно делать деньги. Заморачиваться с версткой (делать ее доступной) - обязанность разработчика.
Без семантики пишут черномордые верстальщики, которых как песка на пляже. Профи пишут используя снимантику на максимум и не задаются вопросом - а зачем? Потому что так надо, так правильно.
Хотілось би додати, що якщо в ряд йдуть 2 і більше однакових теги, то краще вкладати їх в список, а не div.
Дякую за комент. Але краще дивитись не на самі теги, на на інфу в них. Якщо інформацію можна охарактеризувати як набір, перелік або список чогось, тоді так - список можна)
@@tutproweb так, параграфи частіше всього звичайні діви)
А ось діви я б рекомендував в останню чергу використовувати)
@@tutproweb я маю на увазі використовувати діви як обгортку для декількох параграфів)
Если бы еще эти теги не навешивали говняные стили - цены бы им не было.
Долго искал слова для правильного ответа и нашел. "User Experience" важнее, чем "Developer Experience". Так что терпения вам и увеличения уровня ваших скилов ))