Введение в HTML5

Упражнение 1:

Номер 1

Для какого типа web-приложений предназначен HTML5?

Ответ:

(1) статических

(2) динамических

(3) аналитических

Номер 2

Совместимы ли коды на языке HTML4.01 с web-приложениями на HTML5:

Ответ:

(1) полностью совместимы

(2) частично совместимы

(3) совсем не совместимы

Номер 3

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

Ответ:

(1) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

(2) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5 Transitional//EN" "http://www.w3.org/TR/html5/loose.dtd">

(3) <!DOCTYPE html>

Упражнение 2:

Номер 1

Какие дополнительные возможности добавились в HTML5 по сравнению с языком HTML4.01

Ответ:

(1) новые семантические элементы разметки страницы

(2) новые свойства форм

(3) собственная поддержка видео и аудио (без использования плагинов)

(4) технология прямого доступа к серверным базам данных

Номер 2

К преимуществам языка HTML5 по сравнению с предыдущими спецификациями можно отнести:

Ответ:

(1) обратная совместимость с существующими web-приложениями

(2) четко определенный алгоритм синтаксического анализа DOM

(3) технология прямого доступа к серверным базам данных

(4) новые мощные средства языка разметки позволяют добавлять на web страницу элементы, которые ранее были доступны только с помощью технологии плагинов или сложного кода JavaScript

Номер 3

Какая спецификация языка гипертекстовой разметки стала базовой для HTML5?

Ответ:

(1) HTML4.01

(2) XHTML1.1

(3) XHTML2.0

Упражнение 3:

Номер 1

К новым структурным элементам языка HTML5 относятся:

Ответ:

(1) <nav>

(2) <header>

(3) <left>

(4) <right>

(5) <footer>

(6) <article>

Номер 2

Какие новые элементы и свойства форм появились в языке HTML5:

Ответ:

(1) выбор даты

(2) выпадающие списки

(3) ползунки

(4) радиокнопки

(5) клиентская проверка элементов на правильность заполнения

Номер 3

Какие свойства HTML5 не имели определения в HTML4.01

Ответ:

(1) верхние и нижние колонтитулы

(2) заголовки таблиц

(3) меню навигации по сайту

(4) тело и заголовок страницы

Упражнение 4:

Номер 1

Назовите новые элементы HTML5, позволяющие семантически выделять части страницы?

Ответ:

(1) <header>

(2) <footer>

(3) <content>

(4) <nav>

Номер 2

Назовите элементы семантической разметки, которые отсутствуют в спецификации HTML5?

Ответ:

(1) <header>

(2) <footer>

(3) <content>

(4) <nav>

Номер 3

Какие возможности позволяет реализовать средство <canvas> языка HTML5:

Ответ:

(1) рисование линий

(2) рисование фигур

(3) написание текста

(4) импортирование и манипуляции с изображением и видео

(5) отправка изображений на электронную почту

(6) экспорт изображений в различные форматы

Упражнение 5:

Номер 1

Какой из новых семантических элементов HTML5 отвечает за логическое формирование блока верхнего колонтитула страницы?

Ответ:

(1) <header>

(2) <footer>

(3) <article>

Номер 2

Какой из новых семантических элементов HTML5 отвечает за логическое формирование блока нижнего колонтитула страницы?

Ответ:

(1) <header>

(2) <footer>

(3) <article>

Номер 3

Какой из новых семантических элементов HTML5 формирует автономный фрагмент контента?

Ответ:

(1) <header>

(2) <footer>

(3) <article>

Упражнение 6:

Номер 1

С помощью какого элемента HTML5 можно семантически обозначить навигационный блок страницы?

Ответ:

(1) <mark>

(2) <nav>

(3) <menu>

Номер 2

С помощью какого элемента HTML5 можно выделить термины, значимые в данный момент, или часть контента, к которым вы хотите привлечь внимание, но не хотите изменять их семантическое значение?

Ответ:

(1) <mark>

(2) <nav>

(3) <menu>

Номер 3

С помощью какого элемента HTML5 можно разбить контент страницы на различные функциональные или тематические области, или разбить статьи или истории на различные части?

Ответ:

(1) <content>

(2) <section>

(3) <article>

Упражнение 7:

Номер 1

Назовите элемент, предназначенный для разметки времени и даты?

Ответ:

(1) <date>

(2) <div>

(3) <time>

(4) <datetime>

Номер 2

Назовите элемент, предназначенный для разметки блока вспомогательного контента, который по смыслу имеет отношение к главному контенту страницы, но не вписывается явно в его поток изложения?

Ответ:

(1) <article>

(2) <section>

(3) <aside>

Номер 3

Назовите элемент, который позволяет учитывать группу заголовков как один заголовок в структуре документа?

Ответ:

(1) <aside>

(2) <hgroup>

(3) <section>

Упражнение 8:

Номер 1

Как корректно задать дату начала первой мировой войны (14 июля 1914 года) в международном формате стандарта ISO?

Ответ:

(1) <time datetime="1914-07-14">Начало первой мировой войны</time>

(2) <time datetime="July 14 1914">Начало первой мировой войны</time>

(3) <time datetime="14 July 1914">Начало первой мировой войны</time>

Номер 2

С помощью каких элементов HTML5 можно разместить на странице иллюстрацию с подписью?

Ответ:

(1) <figure>

(2) <figcaption>

(3) <img>

(4) <title>

Номер 3

Какой элемент языка HTML5 определяет область для рисования линий, фигур и текста при помощи команд JavaScript?

Ответ:

(1) <figure>

(2) <canvas>

(3) <area>

Упражнение 9:

Номер 1

Сокеты позволяют:

Ответ:

(1) при помощи языка JavaScript рисовать на странице разные объекты, выводить изображения, трансформировать их, менять свойства.

(2) организовывать элементы web-страницы таким образом, чтобы они формировали жесткую структуру.

(3) открывать постоянное соединение между сервером и клиентом на определенном порте, и посылать данные в обоих направлениях, пока порт не будет закрыт.

Номер 2

Какие из приведенных ниже функций свойственны для сокетов?

Ответ:

(1) открытие постоянного соединения между сервером и клиентом на определенном порте

(2) осуществление передачи данных между сервером и клиентом, пока порт не будет закрыт

(3) повышение эффективности web-приложений, так как для сокетов характерна многопоточность вычислений сложных участков кода

(4) повышение эффективности web-приложений, так как данные могут непрерывно и аккуратно передаваться между клиентом и сервером без постоянной перезагрузки страницы

Номер 3

Технология сокетов при передаче информации между сервером и клиентом позволяет избежать:

Ответ:

(1) загрузки вредоносных программ из сети

(2) постоянных перезагрузок страницы

(3) постоянных опросов сервера на доступные обновления

Упражнение 10:

Номер 1

Какие свойства HTML5 и связанные с ней технологии позволяют приложениям web выполняться в автономном режиме?

Ответ:

(1) кэши приложений

(2) локальная база данных Web SQL

(3) web workers

Номер 2

Какие задачи выполняют кэши приложений?

Ответ:

(1) сохраняют копию всех ресурсов и других файлов, необходимых для локального выполнения приложений web

(2) позволяют проверять наличие обновлений для браузера

(3) позволяют использовать приложение, когда отсутствует соединение с сетью

(4) синхронизируют изменения локальной версии с данными на сервере, когда сеть становится доступной

Номер 3

Какие задачи выполняет локальная база данных Web SQL?

Ответ:

(1) позволяет сохранить локальную копию данных приложений web

(2) позволяет использовать приложение, когда отсутствует соединение с сетью

(3) позволяют проверять наличие обновлений для браузера

(4) синхронизируют изменения локальной версии с данными на сервере, когда сеть становится доступной

Упражнение 11:

Номер 1

Какой атрибут HTML5 делает поле формы обязательным для заполнения?

Ответ:

(1) pattern

(2) required

(3) placeholder

(4) autofocus

Номер 2

Какой атрибут HTML5 позволяет вставлять в элементы формы проверку ввода через регулярные выражения?

Ответ:

(1) pattern

(2) required

(3) placeholder

(4) autofocus

Номер 3

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

Ответ:

(1) pattern

(2) required

(3) placeholder

(4) autofocus

Упражнение 12:

Номер 1

Какие типы элементов формы предназначены для работы с датой и временем:

Ответ:

(1) <input type="date" … >

(2) <input type="time" … >

(3) <input type="range" … >

Номер 2

Какой элемент формы выводит пользователю индикатор выполнения, чтобы указать процент завершения определенной задачи?

Ответ:

(1) <progress>

(2) <meter>

(3) <output>

Номер 3

Элементы формы какого типа предоставляют пользователю палитру для выбора цвета?

Ответ:

(1) range

(2) text

(3) color

(4) background

(5) number

Введение в HTML5 - тест 3