Кросбраузерність

Тести Інформатика 11 клас Тест
Кондратенко І. В.
Додано: 25 березня 2025
Предмет: Інформатика, 11 клас
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
25 запитань
Запитання 1

Що таке кросбраузерність?

варіанти відповідей

Метод оптимізації веб-сайтів

Здатність веб-сайту працювати однаково у різних браузерах

Технологія створення мобільних додатків

Використання шрифтів з різних платформ

Запитання 2

Який інструмент допомагає забезпечити кросбраузерність?

варіанти відповідей

Normalize.css

Photoshop

 Bootstrap

Google Docs

Запитання 3

Що таке Reset.css?

варіанти відповідей

Бібліотека для створення анімацій

Файл для скидання стилів браузера до базового рівня

Система управління контентом

Інструмент для перевірки правопису

Запитання 4

Яка основна мета Normalize.css?

варіанти відповідей

Додати ефекти до елементів веб-сторінки

Уніфікувати стилі між різними браузерами

Створити адаптивний дизайн

Забезпечити швидке завантаження контенту

Запитання 5

Хто розробив Normalize.css?

варіанти відповідей

Nicolas Gallagher

John Resig

Tim Berners-Lee

Mark Zuckerberg

Запитання 6

Чому важливо враховувати кросбраузерність у розробці сайтів?

варіанти відповідей

Щоб сайт був доступним на всіх пристроях

Щоб уникнути помилок у відображенні в різних браузерах

Щоб забезпечити ширшу аудиторію

Усі вищезазначені

Запитання 7

Які браузери мають найбільшу частку ринку сьогодні?

варіанти відповідей

Edge, Safari, Firefox

Chrome, Safari, Firefox

Opera, Chrome, Edge

Chrome, Firefox, Brave

Запитання 8

Який стандарт допомагає забезпечити однакову роботу у різних браузерах?

варіанти відповідей

W3C

HTML5

CSS3

Усі вищезазначені

Запитання 9

Що означає поняття "війна браузерів"?

варіанти відповідей

Конкуренцію між розробниками браузерів за ринкову частку

Конфлікт між веб-дизайнерами

Технічні проблеми при використанні різних браузерів

Глобальний збій інтернету

Запитання 10

У якому десятиріччі почалася "війна браузерів"?

варіанти відповідей

1980-х

1990-х

2000-х

2010-х

Запитання 11

Який браузер став лідером під час першої "війни браузерів"?

варіанти відповідей

Netscape Navigator

Internet Explorer

Opera

Safari

Запитання 12

Які технології забезпечують адаптивність коду для різних браузерів?

варіанти відповідей

Polyfill та бібліотеки

HTML5

PHP

Bootstrap

Запитання 13

Хто є автором концепції кросбраузерності?

варіанти відповідей

Tim Berners-Lee

Douglas Crockford

Nicolas Gallagher

автора немає

Запитання 14

Які інструменти дозволяють перевірити кросбраузерність веб-сайтів?

варіанти відповідей

BrowserStack

CrossBrowserTesting

Sauce Labs

Усі вищезазначені

Запитання 15

Що таке polyfill?

варіанти відповідей

Скрипт для додавання функціоналу у браузери, які його не підтримують

Інструмент для створення адаптивного дизайну

Бібліотека для перевірки коду

Плагін для скидання стилів

Запитання 16

Який браузер перший підтримав CSS3?

варіанти відповідей

Chrome

Firefox

Safari

Netscape Navigator

Запитання 17

Хто розробив браузер Netscape Navigator?

варіанти відповідей

Marc Andreessen

Brendan Eich

Steve Jobs

Larry Page

Запитання 18

Що означає поняття "backward compatibility"?

варіанти відповідей

Сумісність із новими версіями браузерів

Сумісність із старими версіями браузерів

Автоматизація процесів розробки

Зменшення ваги веб-сторінки

Запитання 19

Що є ключовим фактором успішності браузера?

варіанти відповідей

Швидкість завантаження сторінок

Зручність інтерфейсу

Сумісність із стандартами

Усі вищезазначені

Запитання 20

Як можна забезпечити адаптивність веб-сайту?

варіанти відповідей

Використовувати Flexbox

Використовувати медіа-запити

Тестувати сайт на різних пристроях

Усі вищезазначені

Запитання 21

Чи правильно написаний цей код для встановлення кольору фону?

background-color = #ffffff;

варіанти відповідей

Так, код правильний

Ні, потрібно використовувати двокрапку замість знака рівності

 Ні, потрібно вказати "background" замість "background-color"

Ні, кольори потрібно задавати в RGB

Запитання 22

Яка помилка є в цьому коді Flexbox?


display: flex;

justify-content center;


варіанти відповідей

Немає помилок

Пропущена крапка з комою після "display: flex"

Пропущено двокрапку після "justify-content"

Неправильно задана властивість "display"

Запитання 23

Чи правильно задано вирівнювання тексту за допомогою Flexbox?


display: flex;

align-items: center;

text-align: center;


варіанти відповідей

Так, код правильний

Ні, "text-align" не працює з Flexbox

Ні, потрібно додати "justify-content: center"

Ні, "align-items" має значення "flex-start"

Запитання 24

Що відбудеться при застосуванні цього коду?


display: flex;

flex-direction: column;


варіанти відповідей

Елементи розташуються горизонтально

Елементи розташуються вертикально

Елементи не змінять своє розташування

Код викличе помилку

Запитання 25

Чи коректно застосовано властивість Flexbox для розподілу простору між елементами?


justify-content: space-around;


варіанти відповідей

Так, код правильний

Ні, потрібно використовувати "space-between"

Ні, потрібно додати "align-items: center"

Ні, потрібно замінити "justify-content" на "align-content"

Створюйте онлайн-тести
для контролю знань і залучення учнів
до активної роботи у класі та вдома

Створити тест