Введение в стандарты Web



Авторы специализируются на тестах по любым дисциплинам! Средний балл по тестам 4,6.
 
Любые вопросы по дистанционному обучению. Тесты, письменные работы, сессия под ключ.
 
Известный интернет сайт, помощь по любым учебным вопросам - от теста до дипломной работы. Личный менеджер.
 
Крупная биржа студенческих работ. Закажи напрямую у преподавателя. Низкие цены, стена заказов.
 

В каком случае выполняется HTTP запрос?

  • (Правильный ответ) в случае, когда клиент запрашивает у сервера файл CSS
  • (Правильный ответ) в случае, когда клиент запрашивает у сервера изображение
  • (Правильный ответ) в случае, когда происходит обращение к Web-сайту

Какие ограничения существуют при работе с фиксированными элементами в различных браузерах?

  • только Internet Explorer поддерживает фиксированное позиционирование
  • ни один браузер не поддерживает элементы с фиксированным позиционированием
  • (Правильный ответ) Internet Explorer версии 6 и ниже не поддерживает фиксированное позиционирование

В каких случаях изображения добавляются с помощью элемента img?

  • если изображение присутствует как «украшение», и к нему не требуется альтернативный текст
  • (Правильный ответ) если изображение является критически важным для содержания документа, и к нему необходим подходящий альтернативный текст

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

  • caption
  • border-caption
  • (Правильный ответ) caption-side

Кернинг — это:

  • (Правильный ответ) процесс настройки пробелов между определенными частями букв
  • процесс подбора шрифтов
  • процесс настройки переносов

Элемент table нужен для того, чтобы:

  • (Правильный ответ) указать браузеру на вставку таблицы
  • указать браузеру на начало нумерованного списка
  • указать браузеру на вставку цитаты

Упорядоченный список, нумерация которого начинается с числа отличного от 1 (или i) можно сделать с помощью атрибута:

  • (Правильный ответ) start
  • cite
  • strong

Что называется линейным боксом?

  • блочный бокс, имеющий высоту 10 пикселей
  • блочный бокс, в котором размещена одна строка текста
  • (Правильный ответ) бокс, в который помещается множество строковых боксов, составляющих строку на экране (бумаге)

Какой стиль рамки будет установлен для левого края в случае определения border-style: groove dotted dashed?

  • (Правильный ответ) dotted
  • dashed
  • groove

Если встречается устаревший или неполный doctype, то:

  • (Правильный ответ) браузеры используют «режим Quirks» при формировании страницы
  • браузеры используют «режим Standards» при формировании страницы

Какое состояние имеет ссылка по умолчанию?

  • посещенная
  • активная
  • фокус
  • под указателем
  • (Правильный ответ) непосещенная

Какие размеры следует использовать в статических компоновках?

  • размеры, определяемые ключевыми словами
  • (Правильный ответ) абсолютные
  • относительные

Если у таблицы и ячейки задан разный цвет фона, какой цвет фона будет у ячейки?

  • цвет фона, заданный для таблиц, так как ячейка наследует цвет фона таблицы
  • (Правильный ответ) цвет фона, заданный для ячейки
  • цвет фона нельзя задавать для отдельных ячеек

Требования соответствия должны основываться на технологии «поддерживающей доступность» контента. Такая технология должна:

  • (Правильный ответ) иметь агентов пользователей (браузеры, подключаемые модули, и т.д.), которые работают со вспомогательной технологией пользователей и будут доступны пользователям с физическими недостатками не дороже чем для пользователей без недостатков
  • осуществлять психологическую поддержку пользователей в случае возникновения у них сложностей с использованием сайта
  • (Правильный ответ) продемонстрировать свою работу со вспомогательной технологией пользователей

Атрибут cite в элементе blockquote служит для того, чтобы:

  • (Правильный ответ) указать ссылку на Web-страницу, с которой берется цитата
  • указать размер шрифта, которым будет выводиться цитата
  • указать интервал между буквами

Атрибут method элемента form:

  • (Правильный ответ) определяет, как данные посылаются сценарию, который будет их обрабатывать
  • предоставляет уникальный идентификатор ID для идентификации формы
  • определяет, какой файл сценария данных формы должен быть послан для обработки

Как располагаются блочные боксы по умолчанию?

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

В каком случае изображение будет позиционировано в нижнем левом углу элемента blockquote?

  • blockquote{background: yellow url(quote.png) no-repeat scroll 100% 100%;}
  • (Правильный ответ) blockquote{background: yellow url(quote.png) no-repeat scroll 0% 100%;}
  • blockquote{background: yellow url(quote.png) no-repeat scroll 0% 0%;}

Какие селекторы выбирают каждый элемент на странице для применения к ним стилей оформления?

  • селекторы потомка
  • селекторы атрибутов
  • (Правильный ответ) универсальные селекторы
  • селекторы нижележащих элементов

С чем связана ошибка использования свойства border-collapse:collapse в некоторых браузерах?

  • (Правильный ответ) ошибка связана с проблемой округления
  • ошибка связана с неполным следованием стандарту
  • ошибка связана с тем, что в некоторых браузерах между границами ячеек остается зазор

Какие функции выполняет специальный элемент input с атрибутом type=»submit»?

  • вместо представления одной строки текстового поля предоставляет строку для ввода спецсимволов
  • (Правильный ответ) вместо представления одной строки текстового поля для ввода, ввод submit представляет кнопку submit, которая, после нажатия, отправляет форму получателю
  • вместо представления одной строки текстового поля представляет поле для ввода изображения

В карте ссылок атрибут каждой области href определяет:

  • форму области
  • альтернативный текст на тот случай, если изображение невозможно найти или агент пользователя не поддерживает изображения
  • (Правильный ответ) URL, с которым должна соединяться ссылка

Элемент tfoot определяет:

  • тело таблицы
  • (Правильный ответ) нижний колонтитул таблицы
  • верхний колонтитул таблицы

Почему важно задавать position:relative на родительском блоке абсолютно позиционированного элемента?

  • только в этом случае элемент можно сделать абсолютно позиционированным
  • (Правильный ответ) это сделает родительский элемент объемлющим блоком, что обеспечит управление абсолютно позиционированными потомками
  • это требуется по стандарту

К возможным аргументам против использования стандартов в Web-сайтах относится:

  • отсутствие таковых стандартов
  • (Правильный ответ) отсутствие образования
  • (Правильный ответ) политика компании

Для описания сложных изображений используется атрибут:

  • text
  • alt
  • (Правильный ответ) longdesc

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

  • во всех браузерах компоновка будет сохранена
  • во всех браузерах компоновка будет съезжать
  • (Правильный ответ) в браузере Internet Explorer компоновка будет съезжать, но при перезагрузке страницы все вернется на свои места
  • во всех браузерах появятся полосы прокрутки, размеры элементов не изменятся

Что делает следующий код: table { width: 100%; }?

  • (Правильный ответ) растягивает таблицу во всю ширину родительского блочного бокса
  • устанавливает ширину таблицы равной 100 пикселям
  • растягивает таблицу во весь экран

Каково значение вертикального смещения элемента при определении background-position: 10px 40px;?

  • 10px
  • 0px
  • (Правильный ответ) 40px

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

  • относительно разрешения экрана
  • относительно ширины тела документа (элемента body)
  • (Правильный ответ) относительно размеров объемлющего блока

Элемент html — это:

  • оболочка, содержащая информацию о документе
  • элемент типа документа
  • (Правильный ответ) оболочка вокруг всего документа

Какое оформление большинство браузеров задает для всех ссылок?

  • синий фон
  • зеленый цвет текста ссылки
  • (Правильный ответ) подчеркивание

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

  • word-spacing
  • любое из указанных свойств
  • (Правильный ответ) letter-spacing

Элемент div предоставляет возможность:

  • (Правильный ответ) добавить дополнительную информацию вокруг контента
  • добавить документу новое семантическое значение
  • (Правильный ответ) сгруппировать контент, создавая контейнер вокруг группы элементов блочного уровня

В каком случае плавающий элемент не сместится к одной из границ элемента-предка?

  • в случае, когда элемент-предок расположен по центру
  • в любом случае плавающий элемент прижимается к границе элемента-предка
  • (Правильный ответ) в случае, когда уже имеется плавающий элемент, смещенный в том же направлении

Какой элемент является объемлющим блоком для статических боксов и относительно позиционированных боксов?

  • блочный элемент верхнего уровня (обертка)
  • тело документа (элемент body)
  • (Правильный ответ) ближайший предок блочного уровня (родительский блок)

Элемент head определяет область, где:

  • (Правильный ответ) находится большая часть инструкций для браузера и хранится дополнительная информация о документе
  • находится информация об определении основного естественного языка документа
  • находится весь контент документа

Атрибут rowspan:

  • создает ячейку таблицы, которая будет охватывать более одного столбца
  • (Правильный ответ) создает ячейку таблицы, которая будет охватывать несколько строк
  • определяет сводку содержимого таблицы, для использования считывателями экрана

Чем необходимо воспользоваться, чтобы ограничить иконки только для определенного состояния ссылки?

  • необходимо воспользоваться специальным свойством, соответствующим состоянию ссылки, например: a_visited.external
  • иконки можно задавать только для всех состояний ссылки, поэтому невозможно задать иконку или символ для какого-то конкретного состояния
  • (Правильный ответ) необходимо объединить классы и псевдо классы в CSS-селекторе, например: a.external:link

Какие из указанных единиц измерения являются пропорциональными?

  • (Правильный ответ) em
  • (Правильный ответ) %
  • px

Как изменяются размеры элемента, если один из его потомков является плавающим элементом?

  • наличие плавающих потомков заставляет элемент расширяться на всю страницу
  • предок обычно расширяется, чтобы полностью охватить плавающего потомка
  • (Правильный ответ) предок обычно не расширяется, чтобы охватить плавающего потомка

При определении класса:

  • (Правильный ответ) на каждой странице можно иметь несколько элементов одного класса
  • на каждой странице можно иметь лишь один элемент одного класса

За что отвечает параметр text-align?

  • (Правильный ответ) за выравнивание строковых боксов в линейном боксе в случае, когда общая ширина строковых боксов меньше ширины линейного бокса
  • за выравнивание текста в строковом боксе
  • за выравнивание строковых боксов в родительском блочном боксе

От чего зависит результат, если правила имеют одинаковую важность и одинаковую специфичность?

  • (Правильный ответ) от порядка исходного кода
  • от cпецифичности
  • от важности

Если свойство float имеет значение left, куда сместится плавающий элемент?

  • плавающий элемент сместится влево на 100 пикселов
  • плавающий элемент прижмется к левой границе экрана
  • (Правильный ответ) плавающий элемент сместится как можно дальше влево, при этом не пересекая границу элемента-предка

В каком случае сокращенное правило font записано неверно?

  • (Правильный ответ) font: italic normal bold x-large/1.167em Helvetica Arial sans-serif;
  • (Правильный ответ) font: 12pt, sans-serif;
  • font: italic normal bold x-large/1.167em Helvetica,Arial,sans-serif;

Доступность влияет на ранжирование в системе поиска потому, что:

  • (Правильный ответ) поисковые системы являются просто компьютерными программами, и они могут использовать для индексация сайта только ту информацию, которую смогут понять
  • поисковые системы в первую очередь предлагают пользователям сайты, содержащие как можно больше графического материала
  • поисковые системы прежде всего выбирают сайты с наиболее броскими названиями

Как влияет на размеры аудитории создание Web-сайта (или что-то другое) только для одного определенного типа людей?

  • никак не влияет
  • (Правильный ответ) уменьшает долю рынка
  • увеличивает долю рынка

Какой браузер полностью поддерживает работу с таблицами (без ошибок)?

  • Safari
  • Firefox
  • (Правильный ответ) Opera
  • Internet Explorer

Какое начальное значение имеют поля у блочных боксов?

  • (Правильный ответ) 0 пикселей
  • 5 пикселей
  • 1 пиксель

В языке XHTML в отличие от HTML:

  • некоторые значения атрибутов могут записываться без кавычек
  • (Правильный ответ) значения атрибутов должны быть заключены в кавычки

Как (слева направо или справа налево) располагаются строковые боксы?

  • строковые боксы всегда располагаются слева направо
  • строковые боксы всегда располагаются справа налево
  • (Правильный ответ) порядок расположения строковых боксов определяется свойством direction

Какого эффекта позволит добиться использование свойства clear:left на каком-либо элементе?

  • это позволит тексту обтекать данный элемент слева
  • это позволит сместить данный элемент влево
  • (Правильный ответ) это гарантирует, что сгенерированный элементом бокс появится ниже всех плавающих боксов с левой стороны

Какой код задает цвет фона заголовка таблицы?

  • capiton { bgcolor: red; }
  • table { caption-background-color: red; }
  • (Правильный ответ) caption { background: red; }

Если используется следующий doctype:
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Strict//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd»>
то документ является кодом:

  • HTML
  • (Правильный ответ) XHTML

Для каких целей используется expression() в CSS при оформлении элементов с относительным позиционированием?

  • данное выражение используется для вычислений, что позволяет создавать динамические стили
  • (Правильный ответ) данное средство используется для эмуляции ограничений по ширине в браузере Internet Explorer
  • данное выражение выводит окно с предупреждением пользователю

Сколько специальных атрибутов имеет элемент p?

  • (Правильный ответ) ни одного
  • три
  • много

Элементы языков разметки HTML и XHTML:

  • (Правильный ответ) определяют тип реального контента
  • определяют дополнительную информацию
  • определяют максимальный объем загружаемой на сайт информации

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

  • longdesc
  • (Правильный ответ) alt
  • text

В картах ссылок изображение и карта соединяются с помощью атрибута:

  • name
  • (Правильный ответ) usemap
  • id

Какие элементы игнорируют применение значений width и height при обычных обстоятельствах?

  • (Правильный ответ) span
  • (Правильный ответ) strong
  • (Правильный ответ) em

Какой селектор имеет большую специфичность?

  • (Правильный ответ) #special
  • *
  • указанные селекторы имеют одинаковую специфичность

Спрайт содержит изображения высотой и шириной 30 px. Как расположены изображения, если для получения второго изображения из данного спрайта используется определение background-position:0 -30px;?

  • определить невозможно
  • по горизонтали
  • (Правильный ответ) по вертикали

Какая единица измерения лучше всего подходит для полностью гибких компоновок?

  • em
  • px
  • (Правильный ответ) %

Для чего используется следующий код: <!—[if IE 6]>< link rel=»stylesheet» media=»screen» href=»ie-only.css» /><![endif]—> ?

  • для подключения файла с таблицами стилей
  • (Правильный ответ) для подключения файла с таблицами стилей только для браузера Internet Explorer 6
  • для подключения файла с таблицами стилей во всех браузерах, кроме Internet Explorer 6

В элементе style атрибут с именем media определяет, какой вид среды будут использовать эти стили. Какой тип среды надо использовать для вывода на мониторах?

  • (Правильный ответ) screen
  • handheld
  • print

Какие функции выполняет элемент th?

  • (Правильный ответ) определяет содержимое между тегами как заголовок таблицы для каждого столбца
  • позволяет создать заголовок для данных таблицы
  • определяет строку таблицы

Какую ширину имеют блочные боксы по умолчанию?

  • 800 пикселей
  • ширину, равную разрешению экрана
  • (Правильный ответ) ширину родительского блочного бокса за вычетом его горизонтальных отступов (padding) и своих горизонтальных полей (margin)

Какой способ позволит полностью избежать проблем с полем таблицы и заголовком в браузерах, в которых есть такая ошибка?

  • (Правильный ответ) задание нулевого поля на стороне заголовка
  • расположение заголовка только внизу таблицы
  • задание отрицательного поля на стороне заголовка

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

  • (Правильный ответ) объявление с наиболее специфичным селектором
  • невозможно определить
  • объявление с наиименее специфичным селектором

Какую функцию выполняет свойство background-image?

  • (Правильный ответ) указывает путь доступа или URL фонового изображения
  • сообщает браузеру, где разместить фоновое изображение
  • задает поведение фонового изображения, когда пользователь выполняет прокрутку

Каково значение свойства background-repeat по умолчанию?

  • repeat-x
  • (Правильный ответ) repeat
  • repeat-y
  • no-repeat

Сколько псевдо-классов содержится в селекторе html>head+body ul#nav *.home a:link?

  • 5
  • 0
  • 2
  • (Правильный ответ) 1

Тестирование экспертов сайта на доступность важно, так как:

  • (Правильный ответ) они понимают, как взаимодействуют нижележащие технологии Web, могут действовать в качестве центра обмена знаниями о различных группах пользователей, и имеют склонность к изучению специальных средств тестирования
  • они являются реальными экспертами своих возможностей и своей собственной вспомогательной технологии

Какая таблица имеет наименьший приоритет?

  • таблица стилей автора
  • (Правильный ответ) таблица стилей агента пользователя
  • таблица стилей пользователя

Базовым контейнером строкового уровня является элемент:

  • title
  • div
  • (Правильный ответ) span
  • head

От чего зависит результат, если два объявления имеют одинаковую важность?

  • от порядка исходного кода
  • от важности
  • (Правильный ответ) от cпецифичности

Элемент body — это:

  • элемент типа заголовка
  • элемент заголовка
  • (Правильный ответ) оболочка, содержащая реальное содержимое страницы

Идеальной длиной строки считается такая:

  • которую можно охватить взглядом, следуя за текстом движением головы
  • которую можно охватить взглядом, следуя за текстом движением глаз, но не головы
  • (Правильный ответ) которую можно охватить взглядом, фактически не двигая при этом глазами

В языке XHTML в отличие от HTML:

  • элементы и атрибуты не различают регистр символов
  • (Правильный ответ) элементы и атрибуты различают регистр символов; они используют символы нижнего регистра

В каком случае правая граница будет белой?

  • border-color: white blue red black;
  • border-color: red blue black white;
  • (Правильный ответ) border-color: red white;

В карте ссылок значение rect в атрибуте shape задает:

  • нерегулярную форму области, определяемую с помощью многоугольников
  • круглую форму области
  • (Правильный ответ) прямоугольную форму области

Сколько существует основных типов шрифтов?

  • 5
  • 3
  • (Правильный ответ) 4

Какой селектор имеет меньшую специфичность?

  • (Правильный ответ) *
  • #special
  • указанные селекторы имеют одинаковую специфичность

Элемент q обозначает:

  • (Правильный ответ) короткую цитату
  • выделение текста
  • длинную цитату

Каким событием было вызвано появление Управления по перспективным научным исследованиям (ARPA) Министерства обороны США, одним из проектов которого явилось создание Интернет?

  • создание ООН
  • (Правильный ответ) запуск первого искусственного спутника Земли
  • полет на Луну
  • конец второй мировой войны

Что понимается под «семантическим наименованием»?

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

Сколько типов элементов содержится в селекторе html>head+body ul#nav *.home a:link?

  • 1
  • (Правильный ответ) 5
  • 2
  • 0

Относительно какой позиции фиксируется элемент с заданным свойством position:fixed?

  • относительно тела документа (тега body)
  • относительно родительского элемента
  • (Правильный ответ) относительно области просмотра

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

  • будут, так как блочные элементы располагаются горизонтально
  • (Правильный ответ) не будут
  • будут, если имеется достаточно пространства

Что называется базовой линией?

  • это воображаемая линия, на которой располагаются буквы с нижними выносными элементами
  • это нижняя граница строкового бокса
  • (Правильный ответ) это воображаемая линия, на которой располагаются буквы без нижних выносных элементов

Что называют «начальным объемлющим блоком»?

  • (Правильный ответ) элемент html
  • элемент head
  • тело документа (элемент body)

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

  • (Правильный ответ) .example{}
  • p{}
  • #example{}

Какое свойство используется для задания очистки плавающего элемента?

  • float
  • (Правильный ответ) clear
  • clean

Что следует учитывать при оформлении ссылок?

  • количество текста на странице
  • (Правильный ответ) ожидания пользователей относительно ссылок
  • возраст потенциальных посетителей сайта

С помощью каких элементов оформляют состояния ссылок?

  • специальных элементов (a_link, a_visited и т.д.)
  • (Правильный ответ) «псевдо классов» (:link, :visited и т.д.)
  • свойств элемента a (link, visited)

Шрифт с засечками — это:

  • любая гарнитура шрифта, конечные штрихи которой не имеют никаких расширений, пересекающих штрихов или других украшений
  • шрифты с единой фиксированной шириной всех глифов
  • (Правильный ответ) любая гарнитура шрифта, которая содержит завершающие штрихи, расширяющиеся или сужающиеся концы, или имеет реально отсеченные окончания

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

  • font-size
  • (Правильный ответ) font-family
  • font-style

Элемент div является:

  • (Правильный ответ) базовым контейнером блочного уровня
  • оболочкой реального содержимого страницы
  • базовым контейнером строкового уровня

Сохранять экранное пространство и предотвращать перегруженность ссылками возможно, создавая формы, использующие элемент:

  • img
  • (Правильный ответ) select
  • list

Если абсолютно позиционированный элемент не имеет позиционированного предка, что будет его объемлющим блоком?

  • родительский блочный элемент
  • (Правильный ответ) начальный объемлющий блок (элемент html)
  • тело документа (элемент body)

Тень (Shade) — это:

  • результат смешивания цвета с серым цветом
  • результ