HTML Flashcards
Из чего состоит html-документ?
Из дерева HTML-элементов и текста
Какие бывают атрибуты элемента?
Глобальные и собственные
Какие символы допустимы в именах классов?
Латинские буква, цифры, дефис, подчеркивание и неразрывного пробела (U+00A0) и символов выше
Какие недопустимые имена классов?
Которые начинаться с [ 1 ], [–] или [-1]
Из каких разделов состоит html-документ?
Из заголовка — между тегами … и содержательной части — между тегами …
Что такое DTD?
Document Type Definition - описывает схему документа
Для чего нужен DOCTYPE?
Для определения версии HTML
Что такое DOM?
DOM (document object model) - API для доступа к элементам сторонней программы
Назовите все атрибуты тега html?
xmlns - задает простанство имен. Это требуется в документах, анализируемых с помощью анализаторов XML
Для чего нужен head?
Для технической информации о странице. Введенная в нем информация не отображается в окне браузера, однако содержит данные, которые указывают браузеру, как следует обрабатывать страницу.
Назовите все атрибуты тега head?
Нет
Для чего нужен тег meta?
Задает свойства метаданных
Назовите все атрибуты тега meta?
charset, content, http-equiv, name, property
Для чего meta charset?
Задает кодировку документа
Для чего meta content?
Устанавливает значение атрибута, заданного с помощью name или http-equiv.
Для чего meta http-equiv?
Для преобразования значения метатега в заголовок HTTP
Для чего meta name?
Для задания имени метатега
Перечислите несколько значений meta name
author, keywords, description, viewport, robots
Для чего нужен viewport width и heigth?
Задает ширину или высоту viewport
Для чего нужен viewport=initial-scale?
Для определения соотношение между шириной устройства и viewport
Для чего нужен viewport minimum-scale и maximum-scale?
Для определения минимального и максимального зума
Для чего нужен viewport=user-scalable?
Разрешает или запрещает зум страницы
Перечислите несколько значений meta name=viewport
width, height, initial-scale, maximum-scale, minimum-scale, user-scalable
Для чего нужен тег style?
Внутри этого элемента задаются стили
Особенности тега style
- Необходимо использовать внутри контейнера head
2. Можно использовать несколько раз
Перечислите атрибуты style
media, type
Для чего нужен style media и какие значения?
Устанавливает устройство вывода, для которого предназначена таблица стилей (all|braille|handheld|print|screen|speech|projection|tty|tv)
Для чего нужен тег link?
Устанавливает связь с внешним документом вроде файла со стилями, со шрифтами, со favicon
Перечислите атрибуты тега link?
href, rel, sizes, type, as, crossorigin, hreflang, media,
Назовите способы подключить css?
Через link и через style @import
Для чего нужен тег base?
Определяет основной адрес (URL), используемый для всех относительных адресов (URLs) в документе
Перечислите атрибуты тега base?
href, target
Назовите особенность title для style
Определяет заголовок ссылки или название набора альтернативных таблиц стилей
Для чего нужен тег script?
Предназначен для описания скриптов, может содержать ссылку на программу или ее текст на определенном язык
Назовите атрибуты тега script?
async, crossorigin, defer, integrity, nomodule, nonce, src, text, type
Какие значения может принимать viewport height?
223 - 10 000
Какие значения может принимать viewport width?
200 - 10 000
Для чего нужен meta=viewport?
Для сообщения мобильному браузеру, как отображать страницу
Какие значения может принимать initial-scale?
0.1 - 10
Как сказать браузеры, чтоб он не масштабировал страницу?
initial-scale=1.0
Какие значения может принимать viewport minimum-scale и maximum-scale?
0.1 - 10
Какие значения может принмать user-scalable?
yes/no
Для чего используются html-теги?
Для указания начала и конца элемента
Какое значение display к тега head и его потомков?
none
Для чего нужны атрибуты?
Для указания браузеру как отобразить элемент?
Правила написания атрибутов?
Не зависят от регистра
Перечислите глобальные атрибуты
Атрибуты события, атрибуты микроданных, accesskey, class, id, title, lang, dir, contenteditable, draggable, hidden, spellcheck, translate, style, tabindex, role
