Вопросы React Frontend Developer
Как реализовать поддержку темной темы (dark mode) с помощью HTML и CSS? Какие метатеги и медиавыражения используются?
Рейтинг:
1
Сложность:
4
Темную тему можно реализовать с помощью CSS-медиавыражения prefers-color-scheme, которое определяет предпочтения пользователя относительно цветовой схемы (светлой или темной). В зависимости от предпочтений браузера применяются соответствующие стили. Также можно настроить переключение темы вручную с помощью JavaScript и CSS-классов.
Что делают метатеги <meta charset="UTF-8">, <meta viewport>, <meta http-equiv>?
Рейтинг:
2
Сложность:
3
Метатеги — это элементы HTML, которые предоставляют информацию о странице браузеру и поисковым системам. Например, <meta charset="UTF-8"> задает кодировку символов, что важно для корректного отображения текста. <meta name="viewport"> используется для управления отображением страницы на мобильных устройствах, позволяя адаптировать содержимое под размеры экрана. Метатеги, такие как <meta http-equiv>, могут задавать параметры, связанные с заголовками HTTP, что также способствует оптимизации страницы.