Актуальность HTML-тегов и атрибутов. Сервисы caniuse и caninclude. Валидатор разметки от W3C.
HTML-код
- Опубликовано: 26 июл 2024
- ✏️ Поговорим о вопросе актуальности тегов и атрибутов, о способе проверки этой самой актуальности через сервис caniuse, а также научимся проверять валидность нашей разметки через сервисы caninclude и валидатор w3c.
🔴 Timeline:
▶ 00:00 | План урока
▶ 00:21 | Вопрос актуальности HTML-сущностей
▶ 01:02 | Сервис caniuse
▶ 05:23 | Сервис caninclude
▶ 06:43 | Валидатор разметки W3C
▶ 07:43 | Что дальше
📚 Полезные ссылки:
➖ Сервис caniuse: caniuse.com/
➖ Сервис caninclude: caninclude.glitch.me/
➖ Валидатор разметки W3C: validator.w3.org/
💬 Чат в телеграмме (помощь новичкам):
t.me/friendlyFrontendChat
🔸 Boosty (поддержать канал):
boosty.to/friendly-frontend
🗂️ Бесплатные курсы на канале:
🟠 HTML: • HTML курс 2024
🔵 CSS: • CSS курс 2024
🟡 JS: • JavaScript курс 2024
🟢 A11y: • Accessibility курс 2024
⚪️ Мастер-класс по верстке для новичков: • Верстка Kropp Fitness ...
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): • Верстка Positivus (HTM...
🗺 Frontend Roadmap 2024 • Frontend Roadmap 2024 ...
📌 Автор:
➖ Личный сайт: aleksanderlamkov.ru/
➖ Telegram: t.me/friendlyFrontend
➖ Boosty: boosty.to/friendly-frontend
➖ GetMentor: getmentor.dev/mentor/aleksand...
➖ Solvery: solvery.io/mentor/aleksanderl...
#frontend #фронтенд #html
📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь:
💬 t.me/friendlyFrontendChat
Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂
Ваш канал определённо заслуживает большего, в видео идеальная картинка, дикция, грамотная, понятная речь и монтаж, содержательное описание, удобные таймкоды! Спасибо большое за этот курс! Похоже, вскоре пересмотрю все ваши видео, уж больно приятная подача и легко усваивается материал :')
Спасибо вам большое, мне 16 и мне стала интересна верста сайтов. сначала учил пайтон, выучил основы и понял, что это слишком долго и муторно, так и еще код надо до конца писать, чтобы проверить программу. а в верстке ты пишешь понемногу и сразу видно, что добавилось. Посмотрел ваш курс за день, это лучшее, что я видел. никакой воды по 30 минут, все четко и по плану, а самое главное, в конце курса вы не зовете на свой учебный сайт, где я могу купить курс! меня так раздражают такие, тратишь столько времени на просмотр и в конце говорят чтобы дальше смотреть - купите мой курс. еще раз большое спасибо вам, я желаю вам огромных успехов в продвижении своего абсолютно бесплатного канала! вот только не хватило чего-нибудь, чтобы закрепить материал, тест или практическое задание, но это можно и самому придумать, если тебе это и правда интересно.
Огромное спасибо за обучалку! Это уже третий курс, который я посмотрел по HTML и с уверенностью могу сказать, что это лучший материал! Простая подача, всё легко укладывается в голове. Единственное, что хотелось бы побольше примеров кода что и как работает. Но в остальном - 100 из 10! Спасибо, Александр! Всех вам благ!
Начинаю.. Уже, кстати не в первый раз)) И досмотрев до сюда могу сказать, что очень крутая информация в данном плейлисте предоставлена; вспомнил многое, а ещё больше узнал! Буду смотреть дальше и жду курс по JS!
Молодец,крутой контент для начинающих
Спасибо большое за курс. Всего понадобилось 2 дня (с учетом того, что я записывал тезисы плюс выполнял примеры которые вы приводили). Завтра буду уже изучать css. Еще раз благодарю!
Спасибо, Александр😊Очень рад что ты теперь у нас есть)
ждем видео "5 способов центрирования через CSS" ))
Большое спасибо за данный курс! Отличный формат, без воды, концентрат полезной информации. Приступаю к курсу по CSS.
бомбезный курс, спасибоо!
"не умеет, не умела и вообщу тут просто по приколу" - 😂
За сервисы - спасибо. Про два последних не слышал.
как же я люблю ютуб, удаляет комментарии с ссылками автоматом... короче два удаленных ютубом комментария:
1) caninclude - пихаем div внутрь a, получаем ошибку. это неправильно, т.к. уже давно изменили спецификацию и теперь внутрь ссылки можно пихать практически всё что хочешь, хоть c и
2) есть сайт для постройки html дерева с проверкой правильности БЭМ css классов - гуглите Генератор HTML-дерева (ссылка там типа йоксел гитхаб ио)
Интересно, спасибо!
Спасибо за курс
Спасибо вам за курс Александр
А вот это прям годно, спасибо за инфу!
Спасибо! JavaScript будет?
Будет, после курса по CSS.
спасибо
Спасибо за урок) такой вопрос , а какой браузер лучше всего использовать разработчику и почему?
Привет! Либо Chrome, либо Firefox. Оба хороши по-своему, в каждом есть уникальные фичи в девтулз.
Остальные браузеры - экзотика для меньшинства и экспериментаторов.
Лично я привык к хрому и при использовании других браузеров испытываю дискомфорт.
Все последние видео по html потом читаю свои заметки с двух каналов , если понимаю все , то на css
W3 скоро закроется, где эта информация на сайте прописана
😊😊
Спасибо, за труд! Всё очень понятно и интересно, сразу появился вопрос "А что делать дальше?" Ждать, учить CSS или нужно что-то ещё смотреть, учить по HTML ?
Изучать CSS, конечно же :) На канале уже вышел первый урок из нового курса.
@@AleksanderLamkov Да, видел. Спасибо
Можешь подсказать где можно почитать про стандарты веб-разработки? Например: какие теги можно выкладывать друг в друга или какие нельзя? Что нужно заполнять в атрибутах, а что необязательно и т.д.
Видос вышел крутой🔥
> какие теги можно выкладывать друг в друга или какие нельзя
Это проверять через caninclude и валидатор w3c.
> Что нужно заполнять в атрибутах, а что необязательно и т.д
Во всех HTML тегах в принципе все атрибуты - опциональны и добавлять их нужно только, если требуется доп. функциональность.
Ну а вообще, нужно просто много верстать и получать по шапке от ревьюера за плохой код :)
надо еще помнить, что сервис кэн ай юз иногда лажает и показывает информацию с ошибками (mozilla mdn тоже)
Спасибо за комментарий! А с MDN что не так? Кроме того, что русскоязычный пропмт перевод бывает кривой :)
@@AleksanderLamkov к MDN подключили AI и он там шалит с интерпретацией кода, можно погуглить статью - MDN can now automatically lie to people
Подскажите пожалуйста: нужно ли в 2024 году учить jQuery? актуален ли он? Спасибо!
Учить - нет, но надо быть готовым ознакомиться с документацией, если встретится $() в JS-коде.
В этой библиотеке сотни функций, но на практике если и столкнешься с этой либой, то скорее всего с базовыми методами, которые легко найти в документации.
Не могу понять - в чём проблема кроссбразуерности, - если не исопользоваь экзотические теги и атрибуты, то основные 5-6 браузеров норально отработают код. Почему в большенстве уроков кроссбраузерность озвучиваеться как основная боль? Спасибо.
Проблема кроссбраузерности раньше была прям явно заметна, когда под каждое новое свойство у каждого браузера был свой вендорный префикс.
Сейчас же проблемы кроссбраузерности сводятся к неочевидным багам, то и дело всплывающих на Safari и чуть в меньшей степени в Firefox.
Один и тот же сайт может выглядеть по-разному в «нормальных» браузерах (все, что Chrome и на его движке) и в этих несчастных фоксе и сафари.
И ведь не угадаешь, что может пойти не так, пока не протестируешь работу во всех браузерах или пока не придет недовольный клиент и не скажет, что «в моем сафари пятилетней свежести сайт сломан».
@@AleksanderLamkov Спасибо Александр.
Когда примерно начнется и закончится курс по js?
Начнется в следующем месяце, закончится - когда-то весной, точнее пока не могу сказать.
@@AleksanderLamkov спасибо! Тогда после изучения css лучше побольше попрактиковаться в верстке и подождать полный курс, или начать учить js на других ресурсах?
В верстке попрактиковаться лишним точно не будет, но если что, советую вводный бесплатный курс по JS на ru.hexlet.io/, это будет большим плюсом.
@@AleksanderLamkov спасибо!
Сделай нормализацию голоса а-то устал делать тише, громче. Если не знаешь как просто скачай аудишн выдели дорошку и нажми нормализовать
В старых видео были эксперименты со звуком. В последние месяцы все более менее нормализованы.
Весьма!