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

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

You can start studying this pack. You'll receive 64 messages to help you review each card multiple times, following the principles of the forgetting curve.

Learn more about the spaced repetition method.

Schedule daily card reviews to quickly memorize or solidify the knowledge until it becomes second nature.

Learn more about daily practices.
Базовая структура

Опиши базовую структуру 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