Вопросы:
Основы HTML
- Что такое HTML и для чего он используется?
- Какие глобальные атрибуты есть в HTML?
- Что такое категории контента в HTML5?
- Какие категории считаются основными категориями контента?
- Что такое DOCTYPE? И для чего он используется? Сколько разновидностей вы можете назвать?
- Что такое HTML, XHTML и XML и их отличия?
- Могут ли возникнуть проблемы при подаче страниц с типом application-xhtml+xml?
- Что такое режим совместимости (Quirks Mode) и стандартный режим (Standards Mode)?
- Что такое кроссбраузерность?
- Опишите базовую структуру HTML-страницы?
- Что описывается в тэге head?
- Что такое мета-тэги?
- Расскажите о meta-теге с name=“viewport”?
- Что такое валидация? И какие типы проверок HTML документа вы знаете?
- Основные этапы проверок валидности HTML-документа
- Если представить HTML5 как открытую веб-платформу, из каких блоков он состоит?
- Что такое семантика? Какие семантичные тэги вы знаете?
- Почему стоит использовать семантические теги в верстке?
- Что такое прогрессивная отрисовка?
- Что такое ленивая загрузка (lazyloading)
- На что необходимо обратить внимание при разработке мультиязычных сайтов?
- Разница между script, script async и script defer?
- Есть ли у HTML элементов свои дефолтные специфичные стили?
- Что такое инлайновый стиль? Можно ли его переопределить?
Основная структура страницы
Основные теги и атрибуты
- Какой тэг использовать для того, что бы сверстать кнопку?
- Какая разница между тэгами strong, em и b, i?
- Какая принципиальная разница между тегами q и blockquote?
- Знаете ли вы тег dfn и за что он отвечает?
- Для чего используются тэги sub и sup?
- Чем отличается article от section?
- Разница между meter и progress?
- Что такое iframe?
- Что такое атрибут target? Какие значения он принимает?
- Для чего используют data-атрибуты?
- Объясните, что такое ARIA и скринридеры, а также как сделать сайт доступным?
Работа с изображениями
- Что такое элемент canvas? И для чего он используется?
- Расскажите об особенностях стилизации svg?
- Что такое svg и canvas?
- Разница между canvas и svg?
- В каких случаях лучше использовать canvas, а в каких svg?
- Плюсы и минусы canvas и svg?
- Для чего используется элемент picture?
- Что такое srcset? Как работает srcset?
- Как можно изменить форму картинки или HTML элемента?
- Для чего используется атрибут decoding?
- Какой формат видео файлов сейчас поддерживается html5?
- Какой метод запускает проигрывание аудио-файла?
Работа со списками
Работа с таблицами
Работа с формами
- Для чего используется тэг label?
- Типы input элементов в HTML?
- Что такое свойство valueAsNumber?
- Что такое элемент output в HTML5?
- Для чего нужен атрибут autocomplete?
- Для чего используется атрибут enterkeyhint?
- Для чего используют атрибут novalidate?
- Для чего используют атрибут inputmode?
- Для чего используется атрибут pattern?
Работа с ссылками
Доступность
- Что такое WCAG?
- Основные принципы доступности?
- Что такое скринридер?
- Уровни доступности?
- Как скрыть содержимое тэга от скринридеров?
- Как удалить семантику у элемента?
- Что такое ARIA роли в веб приложении?
- Для чего используется атрибут aria-roledescription?
- Какие HTML атрибуты можно использовать для улучшения доступности?
- Назовите средства и методы тестирования доступности?
- Какие стандарты доступности следует учитывать при разработке?
- Разница между usability и accessibility?
- Что нужно учитывать при разработке доступного сайта?
Практика
- Можете ли вы описать разницу между прогрессивным улучшением (progressive enhancement) и изящной деградацией (graceful degradation)?
- Можете ли вы описать некоторые методы SEO, которые вы использовали в последнее время?
- Как следует оформлять страницу, содержимое которой может быть на разных языках?
- Можно ли вложить p в другой такой же p? Можно ли вложить div в p?
- Какая разница между элементами span и div?
- Разница между кнопкой и ссылкой в HTML?
- Как определить якорную ссылку внутри html-документа?
- Как можно сгруппировать опции внутри тэга select?
- Для какого тэга используется атрибут alt и зачем он нужен?
- Какие есть способы вставить SVG на страницу?
- На какие события video или audio можно подписаться?
- Как можно скрыть элемент разметки не используя CSS и JS?
- Как семантически правильно сверстать картинку с подписью?
- Как семантически верно сверстать навигационное меню?
- Как семантически верно сверстать кастомный чекбокс?
- Почему хорошей практикой считается располагать link для подключения CSS стилей внутри тэга head, а script для подключения JS ставить перед закрывающимся тэгом body
Остальные вопросы
- Почему удаление лишних символов пробелов (и символов переноса) в HTML не отражается на конечной производительности загрузки страницы?
- Что такое shadow-root в инспекторе HTML-страницы?