Что произойдет, если не добавить <!DOCTYPE> в документ HTML?
Браузер добавит <!DOCTYPE> в документ автоматически, и всё будет работать
Браузер войдёт в режим совместимости, и страница будет показана с ограниченным функционалом
Браузер отобразит HTML документ, но не будет загружать или выполнять javascript и подключать стили, если они присутствуют
Всё будет работать так же, ошибок не будет
Браузер выдаст ошибку и не загрузит страницу
Выберите список, состоящий ТОЛЬКО из семантических тегов.
table, div, span, u, code, var
header, blockquote, span, cite, article,
header, nav, main, article, section, aside
details, p, footer, figure, strong, mark
time, blockquote, cite, li, dfn, address
В каком варианте ответа правильно разделены на группы блочные и строчные элементы?
блочные: address, nav, img, h6, строчные: ul, a, big, output
блочные: li, header, h1, article, строчные: b, textarea, script, button
блочные: figure, input, noscript, video, строчные: code, blockquote, main, label
блочные: dd, div, br, p, строчные: aside, cite, em, select
блочные: h2, legend, section, strong, строчные: li, pre, mark, small
Какое значение атрибута rel нужно указать в элементе <a>, чтобы не дать поисковому роботу индексировать активную ссылку?
search
nofollow
follow
nosearch
download
Выберите НЕВЕРНОЕ утверждение о теге <iframe>.
Можно запретить изменение размеров встроенного контента пользователем с помощью атрибута noresize
Можно использовать JavaScript для обработки событий в iframe
Можно добавить содержимое, которое будет отображаться в случае, если браузер не поддерживает iframe
Можно задавать размеры iframe с помощью атрибутов width и height
Тег позволяет встраивать веб-страницы, видео, карты и другой контент с других сайтов
Какого атрибута НЕТ у тега <meta>?
name="keywords"
charset
content
name="author"
description
Какой тег нужен для создания подвала таблицы?
footer
Тег не нужен, подвал создается атрибутом footer в теге table
th
tfoot
section
В чём разница между grid и flexbox?
Grid — это двумерная система компоновки, которая позволяет создавать сложные и гибкие конструкции как со строками, так и со столбцами. Flexbox — это одномерная система компоновки, фокусирующаяся на расположении элементов вдоль одной оси.
С помощью Flexbox может быть изменена микроразметка веб-страницы, что практически нереализуемо с помощью Grid.
Grid — это устаревшая система компоновки в HTML, а flexbox — современный и рекомендуемый подход. Flexbox предлагает более продвинутые функции и лучшую совместимость с большинством браузеров.
Grid и flexbox — это два элемента системы компоновки в HTML. Они относятся к одному и тому же набору свойств и методов, используемых для создания адаптивных и гибких макетов.
Grid используется для базовых структур макета, а flexbox — для продвинутых и сложных макетов. Flexbox обеспечивает больший контроль и гибкость в позиционировании элементов по сравнению с сеткой.
Выберите верное суждение о данном коде.
<!DOCTYPE html>
<html>
<head>
<title>Пример HTML-формы</title>
</head>
<body>
<form action="/submit" method="post">
<label for="name">Имя:</label>
<input type="text" id="name" name="name" required>
<button type="submit">Отправить</button>
</form>
</body>
</html>
В коде создается форма, отправляющая данные на сервер с незаданным адресом, что исключает корректную работу формы
В коде создается форма, отправляющая данные на сервер по адресу "/submit" методом POST. Форма содержит обязательное для заполнения поле ввода "Имя"
Эта форма отправляет данные на сервер, но из-за отсутствия атрибута enctype она не сможет правильно обработать файлы, если пользователь захочет отправить файлы на сервер
Тип кнопки submit отправляет данные, как только форма меняется. Чтобы отправлять данные по нажатию, тип кнопки должен быть On Submit.
В форме используется тег <input> с атрибутом type="name", предназначенным для ввода имени. Но из-за отсутствия атрибута form у кнопки "Отправить", она не связана с этой формой и не будет отправлять данные
Выберите НЕВЕРНОЕ утверждение.
Семантическая разметка в HTML5 поддерживается всеми популярными браузерами
Семантическая разметка облегчает обработку информации поисковым системам, обеспечивает поисковую оптимизацию
Семантическая разметка в HTML5 включает как базовые, так и специализированные элементы для конкретных типов контента, таких как статьи, видео или меню навигации
Семантическая разметка в HTML5 приводит к увеличению размера файлов и замедляет загрузку страницы
Семантическая разметка в HTML5 является стандартом, рекомендованным W3C для создания современных веб-приложений
Что делает этот код?
<Iink hrеf="еverything.css" rеl="stylеsheet">
<!--[if IE]><Iink hrеf="hhru6.сss" rеl="stylеsheet"><![еndif]-->
Подключает основной CSS-файл everything.css для всех браузеров
Напоминает разработчику, что файл не запустится корректно в браузере Internet Explorer
Подключает основной CSS-файл everything.css для всех браузеров, кроме Internet Explorer. Для него подключается дополнительный CSS-файл hhru6.css
Подключает основной CSS-файл everything.css для современных браузеров. Игнорирует CSS-файлы и применяет стандартные стили браузера для устаревших браузеров.
Подключает основной CSS-файл everything.css только для браузера Internet Explorer. Для остальных браузеров подключается дополнительный CSS-файл hhru6.css.
Механизм, который позволяет создавать изолированные части веб-страницы, внутри которых могут находиться свои собственные стили и элементы, не влияющие на стили и элементы остальной страницы, — это…
Сокрытие данных (Data Hiding)
Теневой DOM (Shadow DOM)
Блочный контейнер (Block Container)
Упаковка стилей (Package Style)
Шаблоны (Templates)
Вы добавляете видео и стандартные элементы управления видеоплеером. Какой ответ верный?
<video source="example.mp4" control=true></video>
<video src="/example.mp4" controls></video>
<video link="example.mp4" controls="enabled"></video>
<video link="example.mp4" controls="true"></video>
<video src="/example.mp4"><controls></controls></video>
Выберите НЕВЕРНОЕ утверждение о различиях XHTML и HTML.
В HTML нет обязательности закрывать одиночные теги, тогда как в XHTML все теги должны быть закрыты
XHTML требует использование строчных букв для всех тегов и атрибутов, в то время как HTML регистронезависим
В HTML можно использовать атрибуты class и id для стилизации и идентификации элементов, тогда как в XHTML нет такой возможности
В XHTML атрибуты тегов должны быть заключены в кавычки, в HTML это не обязательно У вас 14 правильных ответов из 15
HTML чаще используется для веб-страниц, предназначенных для отображения в браузерах, в то время как XHTML чаще применяется в приложениях, где требуется более строгая структура данных
Как правильно встроить код JavaScript в файл HTML?
Чтобы включить код JS в файл HTML, можно использовать тег <sсript>. Можно либо встроить JS непосредственно в <sсript>, либо связать внешний файл JS с помощью атрибута srс.
Код JS необходимо писать внутри HTML-элементов с использованием атрибута oncliсk
В HTML5 был добавлен специальный тег <jаvascript>, чтобы встраивать код JS
Внешний файл JS можно связать с HTML-файлом с помощью атрибутов src, ldаta и rdаta в зависимости от требований к безопасности
Код JS должен быть написан в отдельном файле CSS и связан с файлом HTML с помощью тега <Iink>
