15 вопросов и ответов html5

1. Вопрос: Какой тег используется для определения заголовка документа в HTML5?
Варианты:
a) {head}
b) {header}
c) {h1}
d) {title}
Правильный ответ: b
Объяснение: Тег {header} предназначен для создания заголовка документа или раздела, что улучшает семантику и доступность.

2. Вопрос: Какой атрибут позволяет указать тип ввода для поля email в HTML5?
Варианты:
a) type=”email”
b) type=”text”
c) type=”mail”
d) type=”input”
Правильный ответ: a
Объяснение: Атрибут type=”email” в теге {input} автоматически проверяет формат email, обеспечивая валидацию на стороне клиента.

3. Вопрос: Что представляет собой элемент {canvas} в HTML5?
Варианты:
a) Тег для вставки изображений
b) Тег для рисования графики через JavaScript
c) Тег для аудио
d) Тег для навигации
Правильный ответ: b
Объяснение: Элемент {canvas} позволяет динамически рисовать графику, используя JavaScript, и поддерживает анимации и манипуляции.

4. Вопрос: Какой тег используется для вставки видео в HTML5?
Варианты:
a) {video}
b) {media}
c) {movie}
d) {embed}
Правильный ответ: a
Объяснение: Тег {video} предоставляет нативную поддержку для встраивания видео, включая атрибуты для контроля воспроизведения.

5. Вопрос: Какой Doctype используется в HTML5?
Варианты:
a) {!DOCTYPE html}
b) {!DOCTYPE HTML5}
c) {html5}
d) {!DOCTYPE XHTML}
Правильный ответ: a
Объяснение: Doctype {!DOCTYPE html} указывает на стандарт HTML5, что позволяет браузерам правильно интерпретировать документ.

6. Вопрос: Для чего предназначен элемент {article} в HTML5?
Варианты:
a) Для боковой панели
b) Для независимого содержимого, такого как статья
c) Для навигации
d) Для футера
Правильный ответ: b
Объяснение: Элемент {article} определяет самостоятельный блок контента, который может быть переиспользован, например, в блогах.

7. Вопрос: В чем основное отличие элемента {section} от {div}?
Варианты:
a) {section} имеет семантическое значение для разделов
b) {div} используется только для стилизации
c) Нет разницы
d) {section} не поддерживает атрибуты
Правильный ответ: a
Объяснение: Элемент {section} добавляет семантику для логических разделов страницы, в то время как {div} является общим контейнером без семантики.

8. Вопрос: Какой API в HTML5 используется для локального хранения данных?
Варианты:
a) LocalStorage
b) SessionStorage
c) Оба варианта
d) Cookies
Правильный ответ: c
Объяснение: LocalStorage и SessionStorage позволяют хранить данные на стороне клиента, но LocalStorage сохраняет данные навсегда, а SessionStorage — только на сессию.

9. Вопрос: Для чего используется элемент {nav} в HTML5?
Варианты:
a) Для основного содержимого
b) Для навигационных ссылок
c) Для изображений
d) Для форм
Правильный ответ: b
Объяснение: Элемент {nav} обозначает раздел с навигацией, что улучшает структуру и доступность сайта.

10. Вопрос: Что такое элемент {meter} в HTML5?
Варианты:
a) Прогресс-бар для загрузки
b) Измеритель значений в диапазоне
c) Таймлайн видео
d) Счетчик кликов
Правильный ответ: b
Объяснение: Элемент {meter} отображает измеряемое значение в пределах заданного диапазона, например, для показа уровня заряда.

11. Вопрос: Какой тип атрибута type в {input} позволяет выбрать дату?
Варианты:
a) type=”date”
b) type=”calendar”
c) type=”picker”
d) type=”datetime”
Правильный ответ: a
Объяснение: Атрибут type=”date” создает виджет для выбора даты, с автоматической валидацией формата.

12. Вопрос: Какое семантическое значение имеет элемент {aside}?
Варианты:
a) Основной контент
b) Боковая информация или заметки
c) Навигация
d) Футер
Правильный ответ: b
Объяснение: Элемент {aside} используется для контента, который связан, но не является основной частью страницы, например, для сайдбаров.

13. Вопрос: Как работают элементы {details} и {summary} в HTML5?
Варианты:
a) Для списков
b) Для раскрывающегося содержимого
c) Для таблиц
d) Для форм
Правильный ответ: b
Объяснение: Элемент {details} создает раскрывающийся блок, а {summary} служит заголовком для этого блока, улучшая интерактивность.

14. Вопрос: Для чего предназначен элемент {main}?
Варианты:
a) Для заголовка
b) Для основного содержимого страницы
c) Для ссылок
d) Для изображений
Правильный ответ: b
Объяснение: Элемент {main} обозначает основной контент страницы, исключая заголовки, футеры и навигацию, для лучшей семантики.

15. Вопрос: Как HTML5 улучшает валидацию форм?
Варианты:
a) Добавлением атрибутов like required и pattern
b) Удалением всех проверок
c) Только через JavaScript
d) Не улучшает
Правильный ответ: a
Объяснение: HTML5 вводит атрибуты, такие как required, pattern и min/max, для встроенной валидации форм без дополнительного кода.