Собеседование Frontend (HTML) — вопросы и подготовка

Набор карточек для подготовки к собеседованию на frontend разработчика с акцентом на HTML. Внутри собраны часто задаваемые вопросы, определения и ключевые теги, встречающиеся на технических интервью. Карточки помогут систематизировать знания, освежить базовые темы и уверенно пройти собеседование frontend разработчика. Подходит для начинающих и опытных специалистов, готовящихся к собеседованию по фронтенд-разработке.

Вы можете начать изучение этого набора. Вам будет отправлено 64 сообщений для повторения каждой карточки несколько раз в соответствие с кривой забывания.

Узнайте больше о методе интервального повторения.

Запланируйте ежедневные повторения карточек на случай если вам нужно запомнить за короткий срок или довести эти знания до автоматического уровня.

Узнайте больше о ежедневных практиках.
Базовая структура

Опиши базовую структуру HTML страницы

1/16
Cемантика

Что такое семантика? Какие семантические теги ты знаешь?


2/16
Кнопка

Какой тэг использовать для того, что бы сверстать кнопку?


3/16
Инлай-стиль

Что такое инлайн-стиль? Можно ли его переопределить?

4/16
Картинка с подписью (семантика)

Как семантически правильно сверстать картинку с подписью?

5/16
data-атрибуты

Для чего используют data-атрибуты?

6/16
Сanvas v.s. SVG

Какая разница между canvas и svg?

7/16
Элемент output

Что такое элемент <output> в HTML5?

8/16
valueAsNumber

Что такое свойство valueAsNumber?

9/16
Атрибут target

Что такое атрибут target? Какие значения он принимает?

10/16
Семантическое навигационное меню

Как семантически верно сверстать навигационное меню?

11/16
meter vs progress

Разница между <meter> и <progress>?

12/16
rel="nofollow" в HTML

Что такое и зачем нужен атрибут rel="nofollow" в HTML?

13/16
iframe: плюсы и минусы

Плюсы и минусы использования <iframe>?

14/16
Атрибут autofocus

Для чего используется атрибут autofocus? Где он применяется?

15/16
HTML: тег dialog

Для чего используется тэг <dialog> в HTML?

16/16
WitSlice © 2026