Вопросы React Frontend Developer


Какой тег используется для создания ссылок в HTML?

  • Рейтинг:

    1

  • Сложность:

    1

# Пример текста с разной вложенностью и форматированием ## 1. Основной раздел Это **основной** текст с *разными* стилями форматирования. ### 1.1 Подраздел * Элемент списка 1 * Элемент списка 2 * Вложенный элемент * Еще один вложенный ### 1.2 Код Вот пример кода на Python: python Copy Download ```plaintext def hello_world(): print("Привет, мир!") hello_world() ``` ## 2. Дополнительная информация > Это цитата, которая выделяется для важности. ### 2.1 Таблица **Заголовок 1Заголовок 2**Данные 1Данные 2Данные 3Данные 4 ### 2.2 Форматированный текст Вот `моноширинный` текст, а также **жирный** и *курсив*. #### 2.2.1 Глубокая вложенность Этот текст находится на **третьем** уровне вложенности. --- ### 3. Заключение Спасибо за внимание! Вот еще один блок кода (JavaScript): javascript Copy Download ```plaintext const sum = (a, b) => a + b; console.log(sum(2, 3)); // 5 ``` **Конец документа.** 🚀

Подробнее

Что такое Progressive Enhancement и Graceful Degradation? Как HTML может поддерживать оба подхода?

  • Рейтинг:

    2

  • Сложность:

    5

Progressive Enhancement и Graceful Degradation — это два подхода к веб-разработке, направленные на создание адаптивных и доступных веб-приложений. 

 

Progressive Enhancement: Старт с базовой версии и добавление улучшений для современных браузеров.

 

Graceful Degradation: Старт с полной версии и адаптация для старых браузеров.

Подробнее

Как работает перерендеринг элементов, когда используются атрибуты data- и как они могут влиять на производительность?

  • Рейтинг:

    2

  • Сложность:

    4

Атрибуты data- сами по себе не вызывают перерендеринг, но если они изменяются и связаны с состоянием компонента, это может привести к обновлению компонента в React. Чрезмерное использование или частое изменение data- атрибутов может негативно сказаться на производительности, так как может приводить к ненужным перерисовкам.

Подробнее

Какие теги были введены в HTML5?

  • Рейтинг:

    2

  • Сложность:

    2

HTML5 добавил множество новых семантических тегов, таких как <header>, <footer>, <article>, <section>, которые помогают улучшить структуру и читаемость кода. Были также добавлены теги для мультимедийных элементов, такие как <audio>, <video>, и улучшена поддержка форм с новыми атрибутами. Эти изменения делают HTML5 более мощным и удобным для создания современных веб-сайтов.

Подробнее

Что нужно сделать, чтобы отправить почту в HTML?

  • Рейтинг:

    1

  • Сложность:

    2

Чтобы отправить письмо через HTML, можно использовать ссылку с атрибутом href, который содержит протокол mailto:. Это откроет почтовое приложение пользователя с готовым черновиком письма. В ссылке можно указать адрес, тему и текст письма.

Подробнее

Для чего нужны data-атрибуты?

  • Рейтинг:

    1

  • Сложность:

    3

Data-атрибуты — это пользовательские атрибуты, начинающиеся с data-, которые позволяют хранить дополнительные данные в HTML-элементах. Эти данные могут быть использованы JavaScript для динамической обработки элементов на странице. Data-атрибуты удобны для передачи данных без необходимости изменения структуры HTML или использования скрытых полей.

Подробнее

Какие основные различия между блочными и строчными элементами?

  • Рейтинг:

    3

  • Сложность:

    3

Блочные элементы занимают всю ширину доступного пространства, начиная с новой строки (например, <div>, <h1>, <p>), а строчные элементы занимают только необходимое место и располагаются на одной линии с другими элементами (например, <span>, <a>, <strong>). Блочные элементы могут содержать как другие блочные, так и строчные элементы, в то время как строчные обычно содержат только текст или другие строчные элементы.

Подробнее

Для чего нужен тег <head>?

  • Рейтинг:

    1

  • Сложность:

    2

Тег <head> используется для хранения информации о веб-странице, которая не отображается непосредственно на экране. В него включают мета-теги, ссылки на стили и скрипты, заголовок страницы (через тег <title>), и другие элементы, необходимые для правильной работы сайта. Все, что находится внутри <head>, не отображается на веб-странице напрямую, но используется браузером для обработки страницы.

Подробнее

С помощью каких тегов можно сверстать таблицу?

  • Рейтинг:

    1

  • Сложность:

    4

Для создания таблицы в HTML используются теги <table>, <tr>, <td>, <th>, <thead>, <tbody> и <tfoot>. Тег <table> создает саму таблицу, <tr> — строку, <td> — ячейку, а <th> — заголовочную ячейку. Дополнительные теги, такие как <thead>, <tbody>, и <tfoot>, позволяют структурировать таблицу на разделы.

Подробнее

Как вставить аудио в HTML?

  • Рейтинг:

    1

  • Сложность:

    3

Для вставки аудио в HTML используется тег <audio>. Как и в случае с видео, можно указывать несколько форматов аудиофайлов через тег <source>, а атрибуты controls, autoplay, и loop управляют воспроизведением аудио.

Подробнее

Сложность

1-3

4-6

7-8

9-10

Рейтинг вопросов

1

2

3

4

5

Подпишись на React Developer в телеграм