Чем занимается Frontend-разработчик? | Урок 3 | Семантика HTML
КОНЧИК! Щелкните правой кнопкой мыши и выберите "Save link as..." для загрузки.
Урок 3: HTML. Делаем правильно.
Материалы для занятия и домашнее задание: https://proglib.io/w/e661101b
💻 Думаете сменить профессию?
Войдите в IT вместе с proglib.academy! Ознакомьтесь с нашими программами обучения и получите новую профессию!
Промокод на скидку 20% на все курсы – PROGLIB
Подробнее – https://proglib.io/w/b9064955
Подписывайтесь на канал и следите за обновлениями, чтобы не пропустить следующие видео!
Анонсы наших вебинаров, воркшопов, курсов и другая полезная информация по обучению для программистов в нашем Telegram-канале – https://t.me/maths_webinar
В этом уроке мы расскажем как писать HTML правильно. Что такое семантика, чем она важна и для чего, приведем примеры семантических тегов, покажем правильную последовательность заголовков и логику кода, посвятим в варианты валидации верстки.
Содержание урока:
00:00:00 План урока
00:00:23 Введение
00:00:40 Способы создания списка элементов
00:01:55 Зачем использовать подходящие теги (визуал и доступность)
00:02:48 Варианты оформления нумерованных списков
00:04:04 Осмысленность и доступность кода
00:06:10 Семантическое оформление осознанного текста (em, strong)
00:08:10 Блочные семантические элементы (на примере proglib.io)
00:11:46 Семантика требуется не всегда
00:12:41 Логическая структура документа
00:13:36 Что такое индексация
00:14:44 Валидация кода
00:15:44 Инструменты для валидации
00:17:52 Заключение, итоги урока
#html #вебразработка #программирование