HTML5 #2 Мета-данные и внешние импорты (Meta Data & External Imports)
Вставка
- Опубліковано 29 вер 2024
- #YauhenK #webDev #HTML #HTML5
Всех приветствую в курсе «HTML5».
В данном видео-курсе мы с вами рассмотрим все возможности языка гипертекстовой разметки HTML.
А это, между прочим, основа каждого веб-сайта, или веб-приложения.
Разберём основы, а так же изучим большинство новых тэгов, которые появились с новым стандартом HTML5.
Дополнительно рассмотрим такие понятия, как:
- Валидация HTML документа.
- Семантика.
- Accessibility, или доступность.
По окончанию курса вы научитесь понимать и разбираться в структуре любого HTML документа.
✒ Репозиторий курса:
✔ GitHub: github.com/Yau...
✒ Используемые ресурсы и инструменты:
✔ Atom (редактор кода): atom.io
✒ Полезные ссылки:
✔ W3 Валидатор: validator.w3.org
✔ Доступность: developers.goo...
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R...
✒ Автор курса:
✔ UA-cam: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenK...
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/Yau...
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/Yau...
Как всегда, все подробно и информативно) Спасибо Женя за нужный контент!
Эх, выпустил бы ты еще подробный гайд как изучать, какими ресурсами пользоваться именно о профессии фронтенд)
Канала вам вполне должно хватить)
Спасибо за курс. Пришёлся как нельзя кстати. Лайк.
Пушка, это лучший канал для Фронтенда!!! 👏👏👏
Никогда бы не подумал, что я настолько не знаю HTML, а ведь это ещё только 2-й урок))
Спасибо за отзыв
Качественный контент👍
За 3 недели попыток разобраться в начальном этапе всех этих тегов, атрибутов, почему так а не вот так, только сейчас начал врубаться! У тебя действительно есть навыки преподавателя, это очень круто. Спасибо за эти курсы. Я сам преподаватель и могу точно сказать, что уровень очень хороший, у твоих софт скилов)
👍 спасибо
Спасибо! Очень круто))
Я уже на 3 уроке .... Это реально кайф ... постараюсь проходить все уроки
Спасибо за урок!
Спасибо за отзыв
Евгений, огромное спасибо за Ваши материалы.
Не планируете обновить видео, добавив про meta и link , например по Open Graph, Media Queries, Schema и т.д.
Т.е. что рекомендуется заполнять например webdeveloper cheklist?
Пока не планирую
Можно ли узнать, что вы предпочитаете больше mac os или windows? Если mac, то какой у вас сейчас mac?
На канале есть видео, где я отвечаю на эти вопросы плейлист frontreview
Дякую) розповідаєш класно і по суті)
Спасибо за ваши видео, все очень подробно и доступно рассказываете.
А разве - это не просто подключение к внешним ресурсам и файлам?
О возможностях link я рассказал в этом видео
Коммент для продвижения
О. Мой. Бог. Это именно то, что мне нужно! Я нигде не видел ничего о метатегах, даже на htmlbook не находил ничего, и тут такая прелесть - ваш канал. Огромное спасибо!!!
Пожалуйста
Почему лайк можно поставить только один раз?
Это вопросы к UA-cam)
Спасибо!!! Нравятся твои видео)))
Пожалуйста
Спасибо!
Вопрос.
Apple-touch-icon - являющийся значением для атрибута rel , с точки зрения Google является миниатюрным изображением, представляющим сайт на устройствах с операционной системой (iOS). Означает ли это, что для некоторых других операционных систем данное значение атрибута rel может или же должно быть иным (к примеру, в случае если не поддерживает)
meta charset, как и все остальные meta-теги, не устанавливает, а указывает браузеру.
🙂
🙂
Спасибо. Очень информативно и с глубоким анализом. Очень полезная информация
Пожалуйста
спасибо
Пожалуйста
"...его мы используем чтобы скачать хром..." ))))....тут точнее и не сказать, улыбнуло
🙂
Спасибо за курс и проделанную работу! +1 для продвижения видео!
Спасибо за поддержку
Это самый лучший контент по HTML который я видел. Просто "БРАВО!!!" автору.
P.S. Впервые в жизни пишу коментарий на YouTybe
Благодарю за поддержку
Обязательно ли задавать атрибут type в тэге link? Ведь все файлы нормально подключаются и без него
И тем не менее, лучше указывать. Что не указано явно, браузер сам додумывает - и не всегда получается правильно
Спасибо за очень интересный урок! Автору респект)
Пожалуйста
Спасибо! Женя, а запили азы по теме: что такое reflow-repaint и способы их оптимизации =) please
В этом курсе такого не будет, но скорее всего появится в видео касте «просто о...»
Super!
Спасибо большое за объяснение с тегом script в конце body👍
Пожалуйста
@@YauhenKavalchuk вчера мне прояснили в ЯП, что скрипты снова подключают в head, используя атрибут defer😂
Спасибо! Все понял.
👍
Спасибо за ваши труды!
Спасибо за отзыв
У меня вопрос: ключевые слова по-прежнему актуальны? Слышала мнение, что поисковики на них уже не ориентируются. Или это касается только самого текста документа?
Слова актуальны. Но теперь страницы анализируются не только по ним. А по целому набору данных
@@YauhenKavalchuk Спасибо! Видео очень полезные! Смотрю весь плейлист, ни у кого не видела еще такого подробного разбора html.
Спасибо)
И на 8:00 ты говоришь о том, что " В первом случае Вы подключаете шрифты в CSS файл", но как это сделать вообще не понятно
Создаёте файл с расширением CSS, после чего файл подключаете в HTML документ, как в первом примере используя тэг link. Я же курсором даже специально выделил строку подключения
Да все понятно, видно для такого чайника как я :-D было не совсем доступно))
Не обошлось без битья головой об стену, посуды и выкидывания мебели с балкона третьего этажа на голову прохожим))) Поэтому, пришлось загуглить и найти решение проблемы, что в свою очередь позволило получить энную порцию эндорфина, узнать больше о шрифтах в целом, правилах и порядке их установки в редактор и google fonts в частности)
Теперь можно приступать к третьему уроку
Спасибо за видео)
На самом деле, на канале сейчас выходит и курс по CSS и там эта тема уже рассмотрите. Можете посмотреть в соответствующем плейлисте
nice!
Cool
Дизлайков нет... Не хорошо... Сейчас исправим xD
😢
За что дизлайк?
@@dmitrydudko7071 Шутка же)