Семантическая вёрстка — подход к разметке, который опирается не на содержание сайта, а на смысловое предназначение каждого блока и логическую структуру документа.

Давным-давно (лет пятнадцать назад) почти все делали сайты и не переживали о том, что под капотом. Верстали таблицами, использовали всё, что попадётся под руку (а попадались в основном div и span) и не особо заморачивались о доступности. А потом случился HTML5 и понеслось.

В актуальной версии стандарта HTML Living Standard есть семантические теги почти для всех основных частей сайта, и лучше пользоваться ими. В карточках собрали несколько примеров семантических тегов.

А какие ещё семантические теги вы знаете и используете?

16 сентября в 16:00 в прямом эфире вместе с практикующими веб-разработчиками из сообщества будем обсуждать критерии качества вёрстки в 2021 году и разыгрывать навык за самый интересный вопрос (подробности ниже). Лайв будет полезен всем, кто хочет развиваться вместе с индустрией и делать проекты, отвечающие всем современным требованиям.

Спикеры расскажут, так ли важны критерии, применимы ли они на практике, и как отличить хорошего разработчика от плохого.

Лёша Симоненко — директор по развитию HTML Academy и веб-разработчик с опытом более 20 лет.
Серёжа Попов — руководитель фронтенд-аутсорса «Лига А.» и директор по талантам Академии.
Никита Дубко — руководитель группы в Яндекс.Поиске, редактор новостей сообщества «Веб-стандарты».
Алексей Авдеев — сеньор фронтенд-разработчик, технический директор в Mish.Design.

Есть вопросы? Задавайте их в комментариях под постом Вконтакте, чтобы поучаствовать в розыгрыше профессионального навыка. Спикеры ответят на все вопросы и выберут победителя на лайве.

Записаться.

Продолжаем рассказ от Александра Першина, основателя HTML Academy, про обновление 32 потока курса «HTML и CSS. Профессиональная вёрстка сайтов». Сегодня поговорим про проекты, с помощью которых студенты закрепляют учебный материал и оттачивают навыки.

В статье вы узнаете, какое исследование мы провели, чтобы обновить макеты, а также первыми увидите новый макет учебного проекта 😉

Множество начинающих веб-разработчиков понимают, что им нужна только практика, практика и ничего кроме практики изученных навыков. Разработка реального проекта поможет найти трудности, которые не опишет ни один учебник или интерактивный урок. Практика поможет стать увереннее, если вы собираетесь использовать HTML, CSS, JavaScript в своей карьере. Но опыт, который может быть действительно полезен, трудно получить.

Не можете придумать, с чего начать практиковать свои навыки HTML, CSS и JavaScript? В статье в нашем блоге есть несколько интересных идей, которые, вероятно, не приходили вам в голову.

Соскучились по байкам про 32-ой поток курса «HTML и CSS. Профессиональная вёрстка сайтов»? Продолжаем рассказывать историю обновлений 😉

О том, сколько времени ушло на подготовку учебного проекта, и какие программистские фетиши есть у наших авторов, читайте в статье.

Кстати, если у вас есть свои «специфические вкусы» в коде, наподобие любви к тегу <b>, будем рады, если поделитесь ими в комментариях.

С радостью делимся с вами отзывами выпускников 23-го потока курса «JavaScript. Профессиональная разработка веб-интерфейсов».

Следующий поток стартует 21 сентября. Курс подойдёт для желающих научиться программировать на JavaScript. После каждой лекции вы будете выполнять задания по личному проекту, а помогать вам в этом будет ваш наставник. В программе: сложные типы данных, работа с DOM-элементами, API и многое другое.

Подробнее о программе.

В новой истории обновлений курса «Профессиональная вёрстка сайтов» отвечаем на вопрос: А что мы учим делать на этом курсе?👇