Специализация
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 в телеграм
Как можно создать телефонную ссылку?
Что такое атрибут в html?
Для чего используется тег <link>?
Что такое мета-теги?
Как выглядит базовая структура HTML страницы?
Расскажите про this и контекст
Для чего нужны функции?
В чем разница между display: none и visibility: hidden?
Можете объяснить концепцию CSS box model (блочная модель)?
Что такое специфичность в CSS?
Для создания телефонной ссылки используется тег <a> с атрибутом href, значение которого начинается с tel:.
Например:
<a href="tel:+1234567890">Позвонить</a>Когда пользователь нажимает на эту ссылку, устройство автоматически предложит совершить звонок на указанный номер. Это особенно полезно для мобильных пользователей.
Атрибут в HTML — это дополнительная информация, которая задает свойства элемента. Он указывается внутри открывающего тега в формате имя="значение".
Например, атрибут href в теге <a> задает ссылку, а src в <img> указывает путь к изображению. Атрибуты влияют на внешний вид или функциональность элементов, но их значения не видны на самой странице.
Пример:
<a href="https://example.com">Перейти на сайт</a>Тег <link> используется для подключения внешних ресурсов к HTML-документу. Чаще всего он применяется для подключения CSS-стилей. Тег располагается внутри секции <head> и не отображается на странице.
Пример:
<link rel="stylesheet" href="styles.css">
Этот код подключает файл стилей styles.css к странице.
Мета-теги — это элементы в <head> HTML-документа, которые содержат метаинформацию, то есть данные о самой странице. Они не отображаются пользователю напрямую, но влияют на индексацию в поисковых системах, корректное отображение страницы и взаимодействие с социальными сетями.
Например, <meta charset="UTF-8"> задает кодировку, а <meta name="description" content="Описание страницы"> предоставляет поисковикам описание страницы.
Базовая структура HTML страницы начинается с <!DOCTYPE html> для указания типа документа. Затем идет тег <html>, внутри которого находятся два ключевых раздела: <head> (для метаинформации, стилей, ссылок на ресурсы) и <body> (для контента, который виден пользователю). Например:
<!DOCTYPE html>
<html>
<head>
<title>Моя первая страница</title>
</head>
<body>
<h1>Привет, мир!</h1>
</body>
</html>this в JavaScript — это ключевое слово, которое ссылается на текущий контекст выполнения. Контекст зависит от того, где и как используется this:
В методе объекта this указывает на этот объект.
В функции this по умолчанию указывает на глобальный объект (в строгом режиме — undefined).
В стрелочных функциях this наследуется из внешнего контекста.
Пример:
const obj = {
name: "Иван",
greet() {
console.log(`Привет, ${this.name}!`);
},
};
obj.greet(); // Привет, Иван!Функции — это блоки кода, которые выполняют определённую задачу. Они помогают избежать дублирования кода, упрощают его обслуживание и делают программу более понятной. Функция может принимать данные (параметры) и возвращать результат. Например:
function greet(name) {
return `Привет, ${name}!`;
}
console.log(greet("Иван")); // Выведет: Привет, Иван!• display: none полностью удаляет элемент с веб-страницы, как если бы его не существовало. Он не занимает места в макете, и элементы после него сдвигаются, чтобы занять его пространство.
• visibility: hidden скрывает элемент, но оставляет его место на странице. Элемент всё ещё занимает пространство в макете, но не виден пользователю.
CSS box model - это основной концепт в CSS, описывающий как элементы на веб-странице представлены в виде прямоугольных блоков, состоящих из контента, отступов, границ и внутренних полей.
Специфичность в CSS — это способ определения приоритета CSS-правил, когда к одному элементу применяются несколько конфликтующих стилей. Она рассчитывается на основе количества селекторов разных типов в правиле:
Инлайн-стили (например, style="color: red;") имеют наивысший приоритет.
ID-селекторы (#id) более специфичны, чем классы (.class) или теги (div).
Универсальные селекторы (*) и каскадность имеют минимальный приоритет.
Например:
#id { color: blue; } /* более специфично, чем */
.class { color: green; }Рейтинг:
1
Сложность:
2
Рейтинг:
1
Сложность:
1
Рейтинг:
1
Сложность:
3
Рейтинг:
2
Сложность:
1
Рейтинг:
2
Сложность:
1
Рейтинг:
4
Сложность:
6
Рейтинг:
2
Сложность:
2
Рейтинг:
2
Сложность:
4
Рейтинг:
2
Сложность:
3
Рейтинг:
3
Сложность:
3