Специализация
Python Backend Developer
Java Backend Developer
Node.js Backend Developer
Golang Backend Developer
React Frontend Developer
Выберите навыки
React
JavaScript
Git
Redux
Webpack
Сложность
1-3
4-6
7-8
9-10
Рейтинг вопросов
1
2
3
4
5
Подпишись на React Developer в телеграм
Что делают метатеги <meta charset="UTF-8">, <meta viewport>, <meta http-equiv>?
Как реализовать поддержку темной темы (dark mode) с помощью HTML и CSS? Какие метатеги и медиавыражения используются?
Как реализовать SSR и SEO-оптимизацию в Next.js?
Рейтинг:
2
Сложность:
3
Метатеги — это элементы HTML, которые предоставляют информацию о странице браузеру и поисковым системам. Например, <meta charset="UTF-8"> задает кодировку символов, что важно для корректного отображения текста. <meta name="viewport"> используется для управления отображением страницы на мобильных устройствах, позволяя адаптировать содержимое под размеры экрана. Метатеги, такие как <meta http-equiv>, могут задавать параметры, связанные с заголовками HTTP, что также способствует оптимизации страницы.
Рейтинг:
1
Сложность:
4
Темную тему можно реализовать с помощью CSS-медиавыражения prefers-color-scheme, которое определяет предпочтения пользователя относительно цветовой схемы (светлой или темной). В зависимости от предпочтений браузера применяются соответствующие стили. Также можно настроить переключение темы вручную с помощью JavaScript и CSS-классов.
Рейтинг:
5
Сложность:
7
В Next.js SSR делается через серверный рендеринг страницы: данные получаются на сервере, и клиент получает готовый HTML. Для SEO важно, чтобы ключевой контент и метаданные (title, description, canonical, OG) были отрендерены уже на сервере. В зависимости от задачи выбирают SSR, SSG или ISR, чтобы балансировать свежесть данных и скорость. Для динамических страниц часто используют SSR или ISR. Также важно настроить robots/sitemap, корректные canonical и структурированные данные при необходимости.
