Конструктор тестів
1
Що таке валідація сайту?
2
Яка основна мета валідації HTML-коду?
3
Як валідність сайту може вплинути на SEO (пошукову оптимізацію)?
4
Що означає "кросбраузерність" у контексті валідації?
5
Яка з перелічених проблем НЕ є типовою помилкою валідації HTML?
6
Які переваги дає валідний HTML-код?
7
Які способи перевірки коду пропонує валідатор W3C (validator.w3.org)?
8
Що може спричинити некоректне відображення сайту в різних браузерах?
9
Які аспекти включає в себе поняття "доступність веб-сайту" (web accessibility)?
10
Які типи помилок може виявити HTML-валідатор?
11
Чому важливо регулярно перевіряти сайт на валідність?
12
Які негативні наслідки можуть мати помилки валідації для користувачів сайту?
13
Встановіть відповідність між терміном та його описом.
Валідатор
Організація, що розробляє та впроваджує технологічні стандарти для Всесвітньої павутини.
W3C (World Wide Web Consortium)
Інструмент (програма або сервіс) для перевірки коду на відповідність стандартам.
CSS (Cascading Style Sheets)
Інструкція для браузера, що вказує на версію HTML, яка використовується.
DOCTYPE
Мова, що використовується для опису зовнішнього вигляду та форматування веб-сторінки.
HTML (HyperText Markup Language)
Мова розмітки, що використовується для структурування вмісту веб-сторінки.
14
Встановіть відповідність між типом проблеми та його описом.
Синтаксична помилка CSS
Наявність символу > замість < на початку тега.
Синтаксична помилка HTML
Відсутність атрибута alt для важливого зображення.
Помилка вкладеності
Пропущена крапка з комою після CSS-властивості color: red
Відсутність DOCTYPE
Тег <p> знаходиться всередині тега <span>.
Проблема доступності
Браузер не знає, за якими правилами інтерпретувати HTML-документ.
15
Встановіть відповідність між наслідки помилок валідації та їх описом.
Некоректне відображення
Розробникам важко розбиратися в коді та вносити зміни.
Проблеми з функціональністю
Скрінрідери не можуть правильно прочитати вміст сторінки.
Зниження доступності
Пошукові системи гірше індексують сайт.
Погіршення SEO
Кнопка "Відправити" на формі не працює.
Ускладнена підтримка коду
Елементи сторінки "наїжджають" один на одного в одному з браузерів.
16
Базові кроки валідації HTML-сторінки за допомогою онлайн-валідатора W3C (Validate by URI):
Переглянути результати валідації (список помилок та попереджень).
Відкрити у браузері сайт валідатора (validator.w3.org).
Вставити URL-адресу веб-сторінки, яку потрібно перевірити, у відповідне поле.
Виправити помилки у HTML-коді сторінки.
Натиснути кнопку "Check" (Перевірити).
17
Процес виправлення помилки валідації, виявленої валідатором:
Повторно перевірити сторінку валідатором.
Проаналізувати повідомлення про помилку, щоб зрозуміти її суть та місцезнаходження в коді.
Внести необхідні зміни до HTML або CSS файлу.
Знайти вказаний рядок або елемент у коді вашої веб-сторінки.
Зберегти зміни у файлі.
Рефлексія від 10 учнів
Сподобався:
Так: 8
Ні: 2
Зрозумілий:
Так: 9
Ні: 1
Потрібні роз'яснення:
Ні: 10
Так: 0