HTML 5 (2)

Card Set Information

Author:
artembs
ID:
227298
Filename:
HTML 5 (2)
Updated:
2013-07-17 23:44:17
Tags:
HTML
Folders:

Description:
HTML 5 (2)
Show Answers:

Home > Flashcards > Print Preview

The flashcards below were created by user artembs on FreezingBlue Flashcards. What would you like to do?


  1. Тег предназначен для группирования элементов формы.
    • <form>
    • <fieldset>...</fieldset>
    • </form>
    • Такая группировка облегчает работу с формами, содержащих большое число данных. Например, один блок может быть предназначен для ввода текстовой информации, а другой — для флажков.Браузеры для повышения наглядности отображают результат использования тега <fieldset> в виде рамки
    • Атрибуты:
    • disabled - Блокирует поля формы в группе.
    • form - Связывает группу с формой.
    • title - Добавляет всплывающую подсказку к группе формы.
  2. Тег содержит описание для тега <figure>
    • <figure>
    • <figcaption>Описание</figcaption>
    • </figure>
    •  Тег <figcaption> должен быть первым или последним элементом в группе.
  3. Тег используется для группирования любых элементов, например, изображений и подписей к ним.
    • <figure>
    • ...
    • </figure>
  4. Тег задаёт «подвал» сайта или раздела, в нём может располагается имя автора, дата документа, контактная и правовая информация.
    • <footer>
    • </footer>
  5. Атрибут управляет автозаполнением полей форм.
    • <form autocomplete="on | off">...</form>
    • Значение по умолчанию - on
  6. Тег задает «шапку» сайта или раздела, в которой обычно располагается заголовок.
    • <header>
    • </header>
  7. Тег используется для группирования заголовков веб-страницы или раздела
    • <hgroup>
    • </hgroup>
  8. Тег рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера
    • Тег <hr>относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.
    • Атрибуты:
    • align - Определяет выравнивание линии.
    • color - Цвет линии.
    • noshade - Рисует линию без трехмерных эффектов.
    • size - Толщина линии.
    • width - Ширина линии.
  9. Тег Устанавливает курсивное начертание шрифта.
    <i>Текст</i>
  10. Тег является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем
    <input атрибуты>
  11. Атрибут к <input>.Устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов.
    <input type="file" accept="MIME-тип">
  12. Атрибут к <input>.позволяет перейти к элементу с помощью некоторого сочетания клавиш с заданной в атрибуте буквой или цифрой
    <input accesskey="c">
  13. Атрибут к <input>.Определяет, как выравнивать поле с изображением относительно текста или других элементов формы.
    <input type="image" align="bottom | left | middle | right | top">
  14. Атрибут к <input>.устанавливает альтернативный текст для поля с изображением
    <input type="image" alt="Текст">Такой текст позволяет получить текстовую информацию о рисунке при отключенной в браузере загрузке изображений. Поскольку загрузка изображений происходит после получения браузером информации о нем, то замещающий рисунок текст появляется раньше. А уже по мере загрузки текст будет сменяться изображением. Браузеры также отображают альтернативный текст в виде подсказки, появляющейся при наведении курсора мыши на изображение.
  15. Атрибут к <input>.Этот атрибут помогает заполнять поля форм текстом, который был введён в них ранее.
    • <input type="text" autocomplete="on | off">
    • <input type="password" autocomplete="on | off">
    •  Значения сохраняет и подставляет браузер, при этом автозаполнение по соображениям безопасности может отключаться пользователем в настройках и не может в таком случае управляться атрибутом autocomplete.
    • Значение по умолчанию - Зависит от настроек браузера.
  16. Атрибут к <input>.Автоматически устанавливает фокус в поле формы.
    • <input autofocus>
    •  В таком поле можно сразу набирать текст без явного щелчка по нему курсором мыши.
  17. Атрибут к <input>.Этот атрибут определяет, помечен ли заранее такой элемент формы, как флажок или переключатель.
    • <input type="radio" checked>
    • <input type="checkbox" checked>
  18. Атрибут к <input>.Блокирует доступ и изменение поля формы.
    <input type="..." disabled>
  19. Атрибут к <input>.Связывает поле с формой по её идентификатору.
    • <input type="<тип>" form="<идентификатор>">
    • <form id="<идентификатор>">...</form>
    • Такая связь необходима в случае, когда поле располагается за пределами <form>, например, при создании её программно или по соображениям дизайна.
  20. Атрибут к <input>.Определяет адрес обработчика формы
    • <input type="submit" formaction="URL">
    • Атрибутformaction по своему действию аналогично атрибуту action тега <form>.
  21. Атрибут к <input>.Устанавливает способ кодирования данных формы при их отправке на сервер.
    • <input type="submit" formenctype="application/x-www-form-urlencoded | multipart/form-data | text/plain">
    • Обычно явно указывается в случае, когда используется поле для отправки файла (input type="file"). Этот атрибут по своему действию аналогичен атрибуту enctype тега <form>, при совместном использовании formenctype и enctype последний игнорируется.

    • Значения:
    • application/x-www-form-urlencoded - Вместо пробелов ставится +, символы вроде русских букв кодируются их шестнадцатеричными значениями (например, %D0%9F%D0%B5%D1%82%D1%8F вместо Петя).
    • multipart/form-data - Данные не кодируются. Это значение применяется при отправке файлов.
    • text/plain - Пробелы заменяются знаком +, буквы и другие символы не кодируются.

    Значение по умолчанию - application/x-www-form-urlencoded
  22. Атрибут к <input>.Атрибут сообщает браузеру, каким методом следует передавать данные формы на сервер.
    • <input type="submit" formmethod="get | post">
    • get - Этот метод предназначен для передачи данных формы непосредственно в адресной строке в виде пар «имя=значение», которые добавляются к адресу страницы после вопросительного знака и разделяются между собой амперсандом (символ &). Полный адрес к примеру будет http://site.ru/doc/?name=Vasya&password=pup. Объём данных в методе ограничен 4 Кб.
    • post - Посылает на сервер данные в запросе браузера, объём пересылаемых данных ограничен лишь настройками сервера.
  23. Атрибут к <input>.Отменяет встроенную проверку данных введенных пользователем в форме на корректность перед отправкой формы.
    • <input type="submit" formnovalidate>
    • По умолчанию этот атрибут выключен.
    • Такая проверка делается браузером автоматически для полей <input type="email">, <input type="url">, а также при наличии атрибута pattern или required у тега <input>.
  24. Атрибут к <input>.Определяет окно или фрейм в которое будет загружаться результат
    <input type="submit" formtarget="<имя окна> | _blank | _self | _parent | _top">
  25. Атрибут к <input>.Указывает на список вариантов, созданный с помощью тега <datalist>, которые можно выбирать при наборе текста. Изначально этот список скрыт и становится доступным при получении полем фокуса.
    Атрибут list

    • <input list="<идентификатор>">
    • <datalist id="<идентификатор>">
    • <option value="Текст1">
    • <option value="Текст2">
    • </datalist>
  26. Атрибут к <input>.Устанавливает верхнее значение для ввода числа или даты в поле формы.
    • <input type="number" max="максимальное число">
    • <input type="range" max="максимальное число">
    • <input type="date" max="верхняя дата">
  27. Атрибут к <input>.Устанавливает максимальное число символов, которое может быть введено пользователем в текстовом поле.
    • <input type="text" maxlength="число">
    • <input type="password" maxlength="число">
    • Когда это количество достигается при наборе, дальнейший ввод становится невозможным.
  28. Атрибут к <input>.Устанавливает нижнее значение для ввода числа или даты в поле формы.
    • <input type="number" min="минимальное число">
    • <input type="range" min="минимальное число">
    • <input type="date" min="нижняя дата">
    • Целое положительное или отрицательное число (для type="number", type="range").Дата в формате ГГГГ-ММ-ДД (например: 2012-12-22) для type="date".
    • Значение по умолчанию - Нет.
  29. Атрибут к <input>.позволяет указывать одновременно несколько файлов в поле для загрузки файлов, а также несколько адресов электронной почты. При использовании двух и более почтовых адресов они должны перечисляться через запятую.
    • <input type="file" multiple>
    • <input type="email" multiple>
  30. Атрибут к <input>.Определяет уникальное имя элемента формы. Как правило, это имя используется при отправке данных на сервер или для доступа к введенным данным поля через скрипты.
    <input type="..." name="имя">
  31. Атрибут к <input>.Указывает регулярное выражение, согласно которому требуется вводить и проверять данные в поле формы.
    • <input type="email" pattern="выражение">
    • <input type="tel" pattern="выражение">
    • <input type="text" pattern="выражение">
    • <input type="search" pattern="выражение">
    • <input type="url" pattern="выражение">

    Если присутствует атрибутpattern, то форма не будет отправляться, пока поле не будет заполнено правильно.
  32. Атрибут к <input>.Выводит текст внутри поля формы, который исчезает при получении фокуса.
    <input placeholder="строка">

    Текстовая строка. Если внутри строки предполагается пробел, ее необходимо брать в двойные или одинарные кавычки.
  33. Атрибут к <input>.Когда к тегу <input> добавляется этот атрибут - текстовое поле не может изменяться пользователем, в том числе вводиться новый текст или модифицироваться существующий. Тем не менее, состояние и содержимое поля можно менять с помощью скриптов.
    • <input type="text" readonly>
    • <input type="password" readonly>
  34. Атрибут к <input>.Устанавливает поле формы обязательным для заполнения перед отправкой формы на сервер
    • <input required>
    • Если обязательное поле пустое, браузер выведет сообщение, а форма отправлена не будет. Вид и содержание сообщения зависит от браузера и меняться пользователем не может.
  35. Атрибут к <input>.Ширина текстового поля, которое определяется числом символов моноширинного шрифта. Иными словами, ширина задается количеством близстоящих букв одинаковой ширины по горизонтали. Если размер шрифта изменяется с помощью стилей, ширина также соответственно меняется.
    • <input type="text" size="ширина">
    • <input type="password" size="ширина">
  36. Атрибут к <input>.Адрес графического файла, который будет отображаться на веб-странице в поле с изображением. Наиболее популярны файлы в формате GIF и JPEG.
    <input type="image" src="URL">
  37. Атрибут к <input>.Устанавливает шаг изменения числа для ползунков и полей ввода чисел.
    <input type="number" step="число">
  38. Атрибут к <input>.определяет последовательность перехода между элементами при нажатии на клавишу Tab.
    • <input tabindex="число">
    • Любое целое положительное число, начиная с нуля. Значения выстраиваются последовательно и переход между элементами происходит от меньшего значения к большему.
  39. Атрибут к <input>.Сообщает браузеру, к какому типу относится элемент формы.
    • <input type="button|checkbox|file|hidden|image|password|radio|reset|submit|text">
    • Обязательный атрибут
  40. Атрибут к <input>.Определяет значение элемента формы
    • <input type="..." value="значение">
    • которое будет отправлено на сервер или получено с помощью клиентских скриптов. На сервер отправляется пара «имя=значение», где имя задается атрибутом name тега <input>, а значение — атрибутом value.В зависимости от типа элемента атрибут value выступает в следующей роли:для кнопок (input type="button | reset | submit") устанавливает текстовую надпись на них;для текстовых полей (input type="password | text") указывает предварительно введенную строку. Пользователь может стирать текст и вводить свои символы, но при использовании в форме кнопки Reset пользовательский текст очищается и восстанавливается введенный в атрибуте value;для флажков и переключателей (input type="checkbox | radio") уникально определяет каждый элемент, с тем, чтобы клиентская или серверная программа могла однозначно установить, какой пункт выбрал пользователь.для файлового поля (input type="file") не оказывает влияние.
  41. Тег предназначен для выделения текста, который был добавлен в новую версию документа. Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны.
    • <ins>Текст</ins>
    • Браузеры обычно помечают текст в контейнере <ins> как подчеркнутый.
  42. Атрибут к <ins>. Указывает ссылку на документ, где приведена причина редактирования текста и другие подробности.
    cite
  43. Атрибут к <ins>. Дата и время редактирования текста.
    datetime
  44. Тег используется для обозначения текста, который набирается на клавиатуре или для названия клавиш.
    <kbd>Текст</kbd>
  45. Тег Используется для генерации пары ключей — закрытого и открытого.
    • <form>
    • <keygen></keygen>
    • </form>
    • Когда форма отправляется на сервер, закрытый ключ сохраняется на локальном компьютере, а открытый ключ передается вместе с формой. Сами ключи необходимы для шифрования и расшифровки данных, создания и проверки цифровой подписи.
  46. Тег устанавливает связь между определенной меткой, в качестве которой обычно выступает текст, и элементом формы (<input>,<select>, <textarea>). Такая связь необходима, чтобы изменять значения элементов формы при нажатии курсором мыши на текст.
    • Тег <label>
    • Аттрибуты:
    • accesskey - Доступ к элементам формы с помощью горячих клавиш.
    • for - Идентификатор элемента, с которым следует установить связь.
  47. Тег применяется для создания заголовка группы элементов формы, которая определяется с помощью тега <fieldset>.
    • <fieldset>
    • <legend>Текст</legend>
    • </fieldset>

    • Атрибуты:
    • accesskey - Переход к группе элементов формы с помощью комбинации клавиш.
    • align - Определяет выравнивание текста.
    • title - Добавляет всплывающую подсказку к тексту заголовка.
  48. Тег определяет отдельный элемент списка
    <li>
  49. Тег Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами.
    • <head>
    • <link атрибуты>
    • </head>

    • Атрибуты:
    • charset - Кодировка связываемого документа.
    • href - Путь к связываемому файлу.
    • media - Определяет устройство, для которого следует применять стилевое оформление.
    • rel - Определяет отношения между текущим документом и файлом, на который делается ссылка.
    • sizes - Указывает размер иконок для визуального отображения.
    • type - MIME-тип данных подключаемого файла.

    • Пример:
    • <link rel="stylesheet" href="ie.css">
    • <link rel="alternate" type="application/rss+xml"
    • title="Статьи с сайта htmlbook.ru" href="http://htmlbook.ru/rss.xml">
    • <link rel="shortcut icon" href="http://htmlbook.ru/favicon.ico">
  50. Тег Предназначен для вывода листинга программ или кода. Отображает содержимое моноширинным шрифтом уменьшенного размера.
    <listing>Текст</listing>

    Использование этого тега осуждается спецификацией HTML.
  51. Тег служит контейнером для элементов <area>, которые определяют активные области для карт-изображений.
    • <map name="имя">
    • <area атрибуты>
    • </map>

    Такие области устанавливают невидимые зоны на изображении, являющиеся ссылками на HTML-документы. Цель использования тега <map> — в связывании тега <img> с клиентской картой-изображением. Эта связь определяется применением единого идентификатора как в теге <img>, задаваемого атрибутом usemap, так и в теге <map>, устанавливаемого атрибутом name.
  52. Тег помечает текст как выделенный. Такой текст ничем не отличается от обычного, но его вид может быть изменен с помощью стилей.
    • <mark>текст</mark>
    • В браузере Chrome и Firefox фоновый цвет текста внутри <mark> выделяется желтым цветом.
  53. Тег создает бегущую строку на странице.
    <marquee>...</marquee>

    • Атрибуты
    • behavior - Задает тип движения содержимого контейнера <marquee>.
    • bgcolor - Цвет фона.
    • direction - Указывает направление движения содержимого контейнера <marquee>.
    • height - Высота области прокрутки.
    • hspace - Горизонтальные поля вокруг контента.
    • loop - Задает, сколько раз будет прокручиваться содержимое.
    • scrollamount - Скорость движения контента.
    • scrolldelay - Величина задержки в миллисекундах между движениями.
    • truespeed - Отменяет встроенный ограничитель скорости при низких значениях атрибута scrolldelay.
    • vspace - Вертикальные поля вокруг содержимого.
    • width - Ширина области прокрутки.
  54. Тег определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем
    • <head>
    • <meta content="...">
    • </head>

    Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Разрешается использовать более чем один метатег, все они размещаются в контейнере <head>. Как правило, атрибуты любого метатега сводятся к парам «имя=значение», которые определяются ключевыми словами content, name или http-equiv.

    • Атрибуты
    • charset - Задает кодировку документа.
    • content - Устанавливает значение атрибута, заданного с помощью name или http-equiv.
    • http-equiv - Предназначен для конвертирования метатега в заголовок HTTP.
    • name - Имя метатега, также косвенно устанавливает его предназначение.
  55. Тег Используется для вывода значения в некотором известном диапазоне. Используется преимущественно для отображения числовых значений, например, количества результатов поиска, объема жидкости, давления и др.
    • <meter value="значение">текст</meter>
    • Атрибуты:
    • value - Устанавливает значение. Обязательный атрибут.
    • min - Задает минимально возможное значение.
    • max - Задает максимально возможное значение.
    • low - Определяет предел, при достижении которого значение считается низким.
    • high - Определяет предел, при достижении которого значение считается высоким.
    • optimum - Определяет наилучшее или оптимальное значение.
  56. Тег задает навигацию по сайту.
    • <nav>ссылки</nav>
    • Если на странице несколько блоков ссылок, то в <nav> обычно помещают приоритетные ссылки. Также допустимо использовать несколько тегов <nav> в документе. Запрещается вкладывать <nav> внутрь <address>.
  57. Тег уведомляет браузер отображать текст без переносов.
    • <nobr>Текст</nobr>
    • Если этого тега в коде документа нет, а также имеются переводы строки, они игнорируются и текст выравнивается по левому краю окна браузера или родительского элемента. При этом браузер переводы строк расставляет автоматически, чтобы текст полностью поместился по ширине окна. Использование тега <nobr> заставляет отображать текст без переносов, одной строкой, что может привести к появлению горизонтальной полосы прокрутки. Пользователям придется прокручивать текст по горизонтали, чтобы увидеть его полностью, чего обычно делать никто не любит.
    • Этот тег не входит в спецификацию HTML и его наличие приведет к невалидному коду.
  58. Тег предназначен для отображения информации на веб-странице, если браузер не поддерживает работу с плагинами.
    • <noembed>Текст</noembed>
    • Во всех остальных случаях содержимое контейнера <noembed> будет проигнорировано.Плагином называется подключаемый к браузеру программный модуль, расширяющий возможности браузера. Например, к плагинам можно отнести поддержку Flash, QuickTime VR, VRML и т.д.
  59. Содержимое тега отображается в браузере, когда он не поддерживает фреймы и не умеет их интерпретировать.
    • <frameset>
    • <noframes>Текст</noframes>
    • </frameset>
  60. Контейнер показывает свое содержимое, если браузер не поддерживает работу со скриптами или их поддержка отключена пользователем.
    • <noscript>Текст</noscript>
    • В остальных случаях браузер игнорирует этот тег и все, что располагается внутри него.
  61. Тег сообщает браузеру, как загружать и отображать объекты, которые исходно браузер не понимает. Как правило, такие объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы.
    • <object width="ширина" height="высота"></object>
    • Спецификация HTML 4 разрешает вкладывать несколько тегов <object> с разным содержанием друг в друга. Это позволяет отображать тот контент, который понимает браузер, при отсутствии нужного плагина. Например, внешний тег <object> загружает видеофайл, а для случая, когда соответствующий кодек (программа для сжатия и восстановления видеоданных) не установлен, внутренний тег <object> показывает графическое изображение. Дополнительно внутрь контейнера <object> можно поместить тег <param>, который передает дополнительные параметры для отображения объекта.
  62. Тег устанавливает нумерованный список.
    • <ol>
    • <li>элемент нумерованного списка</li>
    • <li>элемент нумерованного списка</li>
    • </ol>
    •  Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ol> применяется таблица стилей, то элементы <li> наследуют эти свойства.

    • Атрибуты:
    • type - Устанавливает вид маркера списка.
    • reversed - Нумерация в списке становится по убыванию (3,2,1).
    • start - Задаёт число, с которого будет начинаться нумерованный список.
  63. Тег представляет собой контейнер, внутри которого располагаются теги <option> объединенные в одну группу.
    • <select>
    • <optgroup label="...">
    • <option>...</option>
    • </optgroup>
    • </select>
    • Особенностью тега <optgroup> является то, что он не выделяется как обычный элемент списка, акцентируется с помощью жирного начертания, а все элементы, входящие в этот контейнер, смещаются вправо от своего исходного положения.
    • Атрибуты:
    • disabled - Блокирует доступ к группе списка.
    • label - Текст, который будет входить в список в виде заголовка группы.
  64. Тег определяет отдельные пункты списка, создаваемого с помощью контейнера <select>.
    • <select>
    • <option>Пункт 1</option>
    • <option>Пункт 2</option>
    • </select>
    • Ширина списка определяется самым широким текстом, указанным в теге <option>, а также может изменяться с помощью стилей. Если планируется отправлять данные списка на сервер, то требуется поместить элемент <select> внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты.
    • Атрибуты:
    • disabled - Заблокировать для доступа элемент списка.
    • label - Указание метки пункта списка.
    • selected - Заранее устанавливает определенный пункт списка выделенным.
    • value - Значение пункта списка, которое будет отправлено на сервер или прочитано с помощью скриптов.
  65. Тег Определяет текстовый абзац.
    • <p>Текст</p>
    • Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.
  66. Тег предназначен для передачи значений параметров Java-апплетам или объектам веб-страницы, созданным с помощью тегов<applet> или <object>.
    • <param name="имя" value="значение">
    • Такой подход позволяет прямо в коде HTML-документа изменять характеристики апплета без его дополнительной компиляции. Количество одновременно используемых тегов <param> может быть больше одного и для каждого из них задается пара «имя/значение» через атрибуты name и value.Апплетом называется программа, которая выполняется в составе браузера или под управлением специальной программы для ее просмотра. Апплет, как правило, пишется на языке Java, поэтому часто можно встретить сочетание «Java-апплет».
  67. Тег отображает содержимое контейнера «как есть».
    • <plaintext>Текст</plaintext>
    • Пока тег <plaintext> не закрыт, все теги внутри него отображаются как обычный текст. Несмотря на то, что все браузеры поддерживают этот тег, он не входит в спецификацию HTML и его использование осуждается.
  68. Тег определяет блок предварительно форматированного текста.
    • <pre>Текст</pre>
    • Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами. По умолчанию, любое количество пробелов идущих в коде подряд, на веб-странице показывается как один. Тег <pre> позволяет обойти эту особенность и отображать текст как требуется разработчику. В отличие от тега <plaintext>, использование которого осуждается в HTML 4, внутри контейнера <pre> допустимо применять любые теги кроме следующих: <big>, <img>,<object>, <small>, <sub> и <sup>.
  69. Тег Используется для отображения прогресса завершенности задачи. Изменение значения происходит через JavaScript.
    • <progress value="<число>" max="<число>">
    • Текст
    • </progress>
    • Атрибуты:
    • value - Текущее значение прогресса.
    • max - Максимальное значение прогресса.
  70. Тег используется для выделения в тексте цитат. Содержимое контейнера автоматически отображается в браузере в кавычках.
    <q>Текст</q>
  71. Тег Используется для вывода текста в браузерах, которые не поддерживают тег <ruby>.
    • <ruby>
    • текст
    • <rp>текст</rp><rt>аннотация</rt><rp>текст</rp>
    • </ruby>
    •  В остальных браузерах текст, заключенный в контейнер<rp>, не отображается. Тег <rp> должен идти до или после тега <rt>.
  72. Тег добавляет аннотацию сверху или снизу от текста, заключенного в контейнер <ruby>. Сама аннотация выводится уменьшенным шрифтом.
    • <ruby>
    • текст
    • <rt>аннотация</rt>
    • </ruby>
    • Такая форма записи преимущественно используется для азиатских языков вроде китайского или японского, но также может применяться для других языков, если требуется написать один текст над другим.
  73. Тег предназначен для добавления небольшой аннотации сверху или снизу от заданного текста.
    • <ruby>
    • текст
    • <rt>аннотация</rt>
    • </ruby>

    Такая форма записи преимущественно используется для идеографической письменности вроде китайского языка, но может применяться и для других языков, если требуется написать один текст над другим.Сам тег <ruby> выступает контейнером для тега <rt>, он и формирует аннотацию к тексту, после которого идет; а также <rp>, этот тег предназначен для браузеров, которые не поддерживают <ruby>.Название тега происходит от слова «рубин», которым в типографии обозначается небольшой шрифт.
  74. Тег отображает текст как перечеркнутый
    <s>Текст</s>

    Этот тег аналогичен тегу <strike>, но в отличие от него имеет сокращенную форму записи подобно тегам <b>, <i> и <u>. Взамен этого тега рекомендуется использовать стили.
  75. Тег используется для отображения текста, который является результатом вывода компьютерной программы или скрипта.
    • <samp>Текст</samp>
    • Браузеры обычно отображают текст в контейнере <samp> с помощью моноширинного шрифта. С помощью стилей можно задать свое собственное оформление.
  76. Тег предназначен для описания скриптов, может содержать ссылку на программу или ее текст на определенном языке.
    • <script type="тип">
    • ...
    • </script>
    • <script type="тип" src="URL"></script>

    Скрипты могут располагаться во внешнем файле и связываться с любым HTML-документом. Такой подход позволяет использовать одни и те же общие функции на многих веб-страницах и ускоряет их загрузку, т.к. внешний файл кэшируется при первой загрузке, и скрипт вызывается быстрее при последующих вызовах.<script> может располагаться в заголовке или теле HTML-документа в неограниченном количестве. В большинстве случаев местоположение скрипта никак не сказывается на работу программы. Однако скрипты, которые должны выполняться в первую очередь, обычно помещают в заголовок документа.

    • Атрибуты:
    • defer - Откладывает выполнение скрипта до тех пор, пока вся страница не будет загружена полностью.
    • language - Устанавливает язык программирования на котором написан скрипт.
    • src - Адрес скрипта из внешнего файла для импорта в текущий документ.
    • type - Определяет тип содержимого тега <script>.
  77. Тег Задает раздел документа, который может включать в себя заголовки, шапку, подвал и текст.
    • <section>
    • </section>
    • Допускается вкладывать один тег <section>внутрь другого.
  78. Тег позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором.
    • <select>
    • <option>Пункт 1</option>
    • <option>Пункт 2</option>
    • </select>

    Конечный вид зависит от использования атрибута size тега <select>, который устанавливает высоту списка. Ширина списка определяется самым широким текстом, указанным в теге <option>, а также может изменяться с помощью стилей. Каждый пункт создается с помощью тега <option>, который должен быть вложен в контейнер <select>. Если планируется отправлять данные списка на сервер, то требуется поместить элемент <select> внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты.

    • Атрибуты:
    • accesskey - Позволяет перейти к списку с помощью некоторого сочетания клавиш.
    • autofocus - Устанавливает, что список получает фокус после загрузки страницы.
    • disabled - Блокирует доступ и изменение элемента.
    • form - Связывает список с формой.
    • multiple - Позволяет одновременно выбирать сразу несколько элементов списка.
    • name - Имя элемента для отправки на сервер или обращения через скрипты.
    • required - Список обязателен для выбора перед отправкой формы.
    • size - Количество отображаемых строк списка.
    • tabindex - Определяет последовательность перехода между элементами при нажатии на клавишу Tab
  79. Тег уменьшает размер шрифта на единицу по сравнению с обычным текстом
    • <small>Текст</small>
    • В HTML размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом, добавление тега <small> уменьшает текст на одну условную единицу. Допускается применение вложенных тегов <small>, при этом размер шрифта будет меньше с каждым вложенным уровнем, но не может быть меньше, чем 1.На размер шрифта влияет не только заданный атрибут size тега <font>, но и выбор гарнитуры шрифта. Шрифт Arial выглядит крупнее, чем шрифт Times, а шрифт Verdana чуть больше шрифта Arial. Учитывайте эту особенность при выборе шрифта и его размеров. Для более точного управления размером текста используйте стили.
  80. Тег Вставляет звуковой или видеофайл для тегов <audio> и <video>.
    • <audio>
    • <source src="URL">
    • </audio>
    • <video>
    • <source src="URL">
    • </video>

    • Атрибуты:
    • media - Определяет устройство, для которого будет воспроизводиться файл.
    • src - Адрес файла.
    • type - MIME-тип медийного источника.
  81. Тег предназначен для определения строчных элементов документа.
    • <span>...</span>
    • В отличие от блочных элементов, таких как <table>, <p> или<div>, с помощью тега <span> можно выделить часть информации внутри других тегов и установить для нее свой стиль. Например, внутри абзаца (тега <p>) можно изменить цвет и размер первой буквы, если добавить начальный и конечный тег <span> и определить для него стиль текста. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.
  82. Тег отображает текст как перечеркнутый. Этот тег аналогичен тегу <s>, который имеет сокращенную форму записи подобно тегам<b>, <i> и <u>. В любом случае, теги <strike> и <s> осуждаются спецификацией HTML, взамен них рекомендуется использовать стили.
    <strike>Текст</strike>
  83. Тег предназначен для акцентирования текста. Браузеры отображают такой текст жирным начертанием.
    <strong>Текст</strong>
  84. Тег применяется для определения стилей элементов веб-страницы.
    • <head>
    • <style type="text/css">
    • ...
    • </style>
    • </head>

    Тег <style> необходимо использовать внутри контейнера<head>. Можно задавать более чем один тег <style>.

    • Атрибуты:
    • media - Определяет устройство вывода, для работы с которым предназначена таблица стилей.
    • type - Сообщает браузеру, какой синтаксис использовать, чтобы правильно интерпретировать стили.
  85. Тег Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера.
    <sub>Текст</sub>
  86. Указывает заголовок для тега <details>, по которому можно щелкать для разворачивания/сворачивания информации.
    • <details>
    • <summary>Текст</summary>
    • </details>

    Тег <summary>должен идти первым внутри <details>.
  87. Отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера.
    <sup>Текст</sup>
  88. Тег предназначен для хранения одной или нескольких строк таблицы. Это позволяет создавать структурные блоки, к которым можно применять единое оформление через стили, а также управлять их видом через скрипты.
    • Тег <tbody>
    • Допускается применять несколько тегов <tbody> внутри контейнера <table>. Доступны и другие виды группировок строк — <tfoot> и<thead>, ни один из них не должен перекрываться с элементом <tbody>.
    • <table>
    • <thead> .... </thead>
    • <tfoot> ... </tfoot>
    • <tbody>
    • <tr>
    • <td> ... </td>
    • </tr>
    • </tbody>
    • </table>
  89. Тег Предназначен для создания одной ячейки таблицы.
    • Тег <td>
    • должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.

    • <table>
    • <tr>
    • <td>...</td>
    • </tr>
    • </table>
  90. Тег представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста.
    • <textarea атрибуты>
    • текст
    • </textarea>

    В отличие от тега <input> в текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.Между тегами <textarea> и </textarea> можно поместить любой текст, который будет отображаться внутри поля.
  91. Тег предназначен для хранения одной или нескольких строк, которые представлены внизу таблицы.
    • Тег <tfoot>
    • отя тег <tfoot> в исходном коде должен быть определен до тега <tbody>, браузеры отображают его в самом низу таблицы.В пределах таблицы разрешается использовать только один элемент <tfoot>.
  92. Тег предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная
    • <table>
    • <tr>
    • <th>...</th>
    • </tr>
    • </table>

    Текст в такой ячейке отображается браузером обычно жирным шрифтом и выравнивается по центру. Тег <th> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.
  93. Тег предназначен для хранения одной или нескольких строк, которые представлены вверху таблицы.
    • <table>
    • <thead>
    • <tr>
    • <td> ... </td>
    • </tr>
    • </thead>
    • <tfoot> ... </tfoot>
    • <tbody> ... </tbody>
    • </table>

     Допустимо использовать не более одного элемента <thead> в пределах одной таблицы, и он должен идти в исходном коде сразу после тега <table>.
  94. Помечает текст внутри тега как дата, время или оба значения.
    • <time>дата и время</time>
    • <time datetime="<дата и время>">текст</time>

    • Атрибуты:
    • datetime - Задает дату, время или оба значения для текста.
    • pubdate - Указывает дату публикации документа.
  95. Тег
  96. Тег
  97. Тег

What would you like to do?

Home > Flashcards > Print Preview