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

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

Рет қаралды 10,549

2 жыл бұрын

Что такое семантическая верстка?! Почему не стоит везде при разметке страницы использовать тег DIV. Что вы улучшаете на сайте, когда используете семантику? Ответы на все эти вопросы я отвечу в видео.
Так же вы узнаете что такое доступность сайта. И увидите примеры тестирования доступности сайта.
----------------------------------------------------------------------------------------------------------------
Поддержи канал:
PayPal
www.paypal.com/donate/?hosted...
или по почте - inweb@ua.fm
Patreon
/ tutproweb
Donatello
donatello.to/proweb
Crypto
USDT: 0xb205047a3f2ceb5198d547e3de011d1a85412fac

Пікірлер: 31

@MxRwo1 7 ай бұрын

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

@osipkov72 Жыл бұрын

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

@user-lv8eh7jz3n 2 жыл бұрын

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

@mox6034 Жыл бұрын

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

@Imofe_ozuro 6 ай бұрын

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

@deanwichester6412 4 ай бұрын

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

@kv3453 Жыл бұрын

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

@Mr40peR Жыл бұрын

Спасибо 🙏

@maximkomarov2216 11 ай бұрын

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

@Guy_161 4 ай бұрын

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

@tutproweb 4 ай бұрын

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

@user-in7pg9nd7v Жыл бұрын

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

@tutproweb Жыл бұрын

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

@user-in7pg9nd7v Жыл бұрын

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

@user-in7pg9nd7v Жыл бұрын

2:10

@alexlisouski4069 3 ай бұрын

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

@tutproweb 3 ай бұрын

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

@papo4kacleo 4 ай бұрын

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

@papo4kacleo 4 ай бұрын

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

@yadev3646 Жыл бұрын

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

@tutproweb Жыл бұрын

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

@user-zj3ih2ux5e Жыл бұрын

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

@tutproweb Жыл бұрын

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

@antonserhiyenka Жыл бұрын

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

@pro100_makari4 5 ай бұрын

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

@tutproweb 5 ай бұрын

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

@pro100_makari4 5 ай бұрын

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

@tutproweb 5 ай бұрын

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

@pro100_makari4 5 ай бұрын

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

@user-ol3ir6fe4g Жыл бұрын

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

@tutproweb Жыл бұрын

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