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



В каком случае выполняется 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) — это:

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