[Продвинутая верстка] Урок 5. Метатеги в head. Теги meta. Миниатюрная иконка для сайта (favicon).
Разберём метатеги: научимся добавлять описание страницы и подключать фавиконки в разных форматах, узнаем как добавить иконку сайта на смартфоне на экране “Домой“. Поговорим как сделать так, чтобы при отправке ссылки на страницу рядом с ней появлялась карточка.
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
💬 Присоединяйся к нашему чату веб-разработчиков:
❤️ Сохраняй плейлисты с теорией, тестами и практическими заданиями:
1️⃣ Уроки по основам HTML и CSS:
2️⃣ Уроки по продвинутой вёрстке:
💙 Мы в VK:
Данный курс будет полезен всем продолжающим веб-разработчикам, которые хотят узнать больше о создании сайтов и о продвинутой верстке сайта на HTML и CSS. В ходе обучения теория будет сопровождаться презентацией, а для закрепления материала в сможете проходить тесты и практические задания.
Таймкоды:
00:00 О чём это видео
00:27 Метатег для описания страницы
00:48 Рекомендации к описанию страницы
01:03 Что такое favicon
01:16 Подключение favicon
02:40 Иконка сайта на телефоне
03:03 Конвертация изображений
03:23 Разметка OpenGraph
04:57 Что по итогу?
05:05 Что будет дальше
8 views
870
325
2 weeks ago 00:21:51 10
Как сделать игру ’VERSUS TOP’ с нуля! HTML, CSS, JavaScript
2 weeks ago 01:04:41 7
HTML для новичков с нуля! (Часть 2)
3 weeks ago 00:03:32 99
Документация - создание сайтов | Создание сайтов для малого и среднего бизнеса
1 month ago 00:48:56 3
Математические основы Auto Layout / Антон Сергеев (Яндекс)
1 month ago 00:07:17 5
Better Comments. Продвинутые комментарии в Visual Studio Code
1 month ago 00:08:08 4
17 — Вебвизор и карта кликов при SEO продвижении сайтов — аналитика поведения пользователей
1 month ago 00:53:08 2
Как использовать Mailganer эффективно: разбор возможностей платформы
1 month ago 00:04:51 26
[Продвинутая верстка] Урок 1. Типы селекторов и комбинаторы CSS
1 month ago 00:04:13 65
[Продвинутая верстка] Урок 2. Теги цитат (cite, q, blockquote) и адреса (address)
1 month ago 00:05:28 7
[Продвинутая верстка] Урок 3. Таблицы в HTML. Верстка сайта таблицами.
3 weeks ago 00:03:09 5
[Продвинутая верстка] Урок 4. Логические свойства в CSS
2 weeks ago 00:05:42 8
[Продвинутая верстка] Урок 5. Метатеги в head. Теги meta. Миниатюрная иконка для сайта (favicon).
1 week ago 00:07:08 1
[Продвинутая верстка] Урок 6. Всё о локальных шрифтах на сайте.
2 months ago 00:14:44 4
Разработка сайта: Почему это может быть не для вас | Процесс разработки в GodKod
2 months ago 00:00:25 753
Онлайн курс Язык программирования Python
2 months ago 00:39:20 1
HTML Academy: верстальный станок
2 months ago 04:21:15 1
Adobe Photoshop CC 2019: Новинки глазами пользователя. Андрей Журавлев
2 months ago 00:00:36 5
Мобильная версия сайта | Адаптивный дизайн на INTEC:Universe
2 months ago 03:44:28 300
Travel Agent. HTML верстка лендинга Travel Agent на Gulp сборке. Autocomplete, календарь. Часть 1
2 months ago 04:00:10 137
Travel Agent. HTML верстка на Gulp сборке. Swiper slider, анимации Scroll Reveal. Часть 2
3 months ago 00:00:54 1
CSS Анимируем плейсхолдер — placeholder-shown
3 months ago 00:16:34 34
[Александр Ламков — Friendly Frontend] 12. CSS Flexbox Layout. Флексы в CSS. Гайд по флексбокс