HTML
Семантична розмітка, форми, доступність і браузерні API — фундамент, який перевіряють першим.
0/121
- 1Що таке HTML і для чого він використовується?Junior
- 2Як HTML пов'язаний з CSS та JavaScript?Junior
- 3З чого складається HTML-документ?Junior
- 4Що робить браузер під час завантаження HTML-файлу?Junior
- 5Що означає «дерево елементів»?Junior
- 6Що відбувається під час парсингу HTML браузером?Junior
- 7Які основні секції входять в HTML-документ?Junior
- 9Що робить елемент <body>?Junior
- 10Що таке тег в HTML?Junior
- 11Що таке атрибут в HTML?Junior
- 1Що означає термін «семантика» в контексті HTML?Junior
- 2Чому семантична розмітка важлива для веброзробки?Junior
- 3Як семантика впливає на SEO?Junior
- 4Чому не рекомендується використовувати <div> і <span> для всього контенту сторінки?Junior
- 5Розкажіть про основні семантичні теги, які використовуються в розробціJunior
- 6У чому різниця між <main> і <section>?Junior
- 7Чому важливо використовувати заголовки <h1>-<h6> по порядку?Junior
- 9Чому правильна семантика покращує навігацію для користувачів з обмеженими можливостями?Junior
- 10Які інструменти допомагають перевіряти семантику HTML?Junior
- 1Що таке HTML-тег?Junior
- 2З яких частин складається HTML тег?Junior
- 3Що таке парні та непарні (void) теги?Junior
- 4Навіщо потрібні теги <head> і <body>?Junior
- 5Які основні категорії тегів існують в HTML5?Junior
- 6Чим блокові елементи відрізняються від рядкових (inline)?Junior
- 7Для чого використовується <div>? Чому <div> часто називають «універсальним контейнером»?Junior
- 1Що таке атрибут в HTML?Junior
- 2Чи має значення порядок атрибутів?Junior
- 3Які атрибути використовуються найчастіше в роботі?Junior
- 4Для чого використовується атрибут id?Junior
- 5Що робить атрибут class?Junior
- 6Що робить атрибут style?Junior
- 8Що робить атрибут defer у <script>?Junior
- 9Що робить атрибут async у <script>?Junior
- 1Що таке елемент <head> в HTML?Junior
- 2Що міститься всередині <head>?Junior
- 3Чому порядок тегів усередині <head> важливий?Junior
- 4Що робить тег <title> усередині <head>?Junior
- 6Що таке мета-теги в HTML?Junior
- 7Що робить <meta charset="UTF-8">?Junior
- 8Що робить <meta name="description">? Чому він важливий для SEO?Junior
- 9Що робить <meta name="robots">?Junior
- 10Що робить <meta name="keywords"> і чи актуальний він?Junior
- 11Що робить <meta name="viewport"> і чому він важливий?Junior
- 12Для чого використовують мета-теги og:title, og:description, og:image?Junior
- 13Що робить тег <link>? Як підключається CSS?Junior
- 14Що таке favicon?Junior
- 2Як елемент <form> пов'язує поля вводу та відправлення даних?Junior
- 3Що робить атрибут action у <form>?Junior
- 4Що робить атрибут method у <form>?Junior
- 5Чим відрізняються методи GET і POST під час відправлення форми?Junior
- 6Що робить елемент <input>?Junior
- 7Що робить <textarea> і коли його варто використовувати?Junior
- 8Як зробити <input> для введення пароля?Junior
- 9Що робить <select>?Junior
- 10Як додати у форму завантаження картинки в HTML?Junior
- 11Що робить <label>? Як <label> пов'язується з полем вводу?Junior
- 13Як зробити найпростішу radio button у HTML?Junior
- 14Що робить name у поля форми?Junior
- 1Що робить елемент <img> в HTML?Junior
- 2Як браузер завантажує зображення, вказане в src?Junior
- 3Що станеться, якщо зображення не знайдено за вказаним шляхом?Junior
- 4Чому важливо вказувати розміри (width, height) для зображень?Junior
- 5Що робить атрибут loading="lazy"?Junior
- 6Чому важливо оптимізувати зображення перед завантаженням?Junior
- 7Що таке прогресивний JPEG?Junior
- 9Що робить атрибут srcset?Junior
- 10Що робить елемент <video>? Як вказати джерело відео в HTML?Junior
- 11Що робить елемент <audio>?Junior
- 12Що робить елемент <canvas>?Junior
- 13Що робить елемент <svg>?Junior
- 14Чим SVG відрізняється від растрових зображень?Junior
- 1Що таке посилання (hyperlink) в HTML?Junior
- 3Як вказати посилання в тегу <a>?Junior
- 4Чим відрізняються абсолютні та відносні посилання?Junior
- 5Що таке фрагмент | якір (anchor) у посиланні?Junior
- 6Як перейти до елемента за ID через посилання в HTML?Junior
- 7Як відкрити посилання в новій вкладці в HTML?Junior
- 8Який тег використовують для групування навігаційних посилань?Junior
- 9Що таке "breadcrumbs" (хлібні крихти)?Junior
- 10Що таке "sitemap" і як він пов'язаний з навігацією?Junior
- 1Що означає термін «a11y»?Junior
- 2Чому доступність важлива у веброзробці? Кого вона стосується?Junior
- 3Чому важливо забезпечувати доступність з клавіатури?Junior
- 4Чому важливо підтримувати доступність для скринридерів?Junior
- 5Чому важливо тестувати колірний контраст?Junior
- 6Що означає «responsive accessibility»?Junior
- 7Чому важливо використовувати правильні HTML-теги замість <div> / <span>?Junior
- 8Що таке альтернативний текст (alt text)?Junior
- 10Які основні типи ARIA-атрибутів існують?Junior
- 11Що робить атрибут role?Junior
- 12Які інструменти допомагають тестувати доступність?Junior
- 1Що таке doctype в HTMLJunior
- 2Що таке DOM?Middle
- 3Семантичний HTMLJunior
- 4Різниця між тегами strong та b в HTMLJunior
- 5Що таке атрибути даних у HTMLJunior
- 6Різниця між script, async та deferMiddle
- 7Необхідні мета-теги в HTMLJunior
- 8HTML форми та вбудована валідаціяJunior
- 10Доступність вебу та атрибути ARIAMiddle
- 11Як приховати елементи візуально, але зберегти їх доступними для екранних читалокMiddle
- 12Нові можливості та API html5Junior