Специализация
React Frontend Developer
Java Backend Developer
Node.js Backend Developer
Golang Backend Developer
Python Backend Developer
Выберите навыки
React
Git
Redux
Webpack
Docker
Сложность
1-3
4-6
7-8
9-10
Рейтинг вопросов
1
2
3
4
5
Подпишись на React Developer в телеграм
Что такое HTML5 History API и как его использовать для управления навигацией без перезагрузки страницы?
Как работают fallback-механизмы в HTML5 для старых браузеров и какие техники следует применять для кроссбраузерной совместимости?
Что такое <template> и <slot>, как их использовать при создании кастомных элементов и динамических структур на странице?
Как работают форматы ввода и валидация данных в HTML5? В чем различие между встроенной и кастомной валидацией?
Какие теги были введены в HTML5?
Рейтинг:
2
Сложность:
8
HTML5 History API позволяет изменять URL в браузере без перезагрузки страницы, сохраняя историю переходов. Основные методы API — pushState(), replaceState() и событие popstate. Они позволяют динамически менять состояние страницы, обновляя URL, что делает навигацию в одностраничных приложениях (SPA) более плавной и интерактивной.
Рейтинг:
1
Сложность:
6
HTML5 предлагает новые теги и функции, которые не всегда поддерживаются старыми браузерами. Чтобы страницы корректно работали в таких браузерах, используются fallback-механизмы — альтернативный контент или теги, которые подхватываются, если основной функционал недоступен. Например, для видео можно использовать элемент <object> или ссылку для скачивания файла, если <video> не поддерживается. Для кроссбраузерной совместимости также применяются полифилы и шимы — скрипты, добавляющие поддержку современных функций в старых браузерах.
Рейтинг:
2
Сложность:
5
<template> — это специальный элемент HTML, который позволяет создавать фрагменты кода, которые не отображаются на странице до тех пор, пока они не будут активированы с помощью JavaScript. Элемент <slot> используется в кастомных элементах для определения места, где можно вставить содержимое, переданное элементу. Эти элементы помогают разработчикам создавать более гибкие и переиспользуемые компоненты, которые могут динамически изменять свое содержимое в зависимости от контекста.
Рейтинг:
2
Сложность:
5
HTML5 предоставляет различные форматы ввода, такие как <input type="email">, <input type="url"> и <input type="number">, которые автоматически проверяют вводимые данные на соответствие определенным критериям. Встроенная валидация происходит автоматически при отправке формы, и браузер уведомляет пользователя об ошибках, если данные не соответствуют формату. Кастомная валидация, с другой стороны, позволяет разработчикам создавать свои собственные правила проверки данных с помощью JavaScript, что дает больше контроля и гибкости.
Рейтинг:
2
Сложность:
2
HTML5 добавил множество новых семантических тегов, таких как <header>, <footer>, <article>, <section>, которые помогают улучшить структуру и читаемость кода. Были также добавлены теги для мультимедийных элементов, такие как <audio>, <video>, и улучшена поддержка форм с новыми атрибутами. Эти изменения делают HTML5 более мощным и удобным для создания современных веб-сайтов.
