Закрывающий тег Не обязателен.
43) Элемент <em> предназначен для акцентирования текста. Браузеры отображают такой текст курсивным начертанием.
<em>Текст</em>44) Элемент <embed> используется для загрузки и отображения объектов (например, видеофайлов, флэш-роликов, некоторых звуковых файлов и т. д.), которые исходно браузер не понимает. Как правило, такие объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы.
Вид внедрённого объекта зависит от установленных в браузере плагинов, типа загружаемого файла, а также от атрибутов элемента <embed>.
<embed></embed>Закрывающий тегНе требуется. Атрибуты: height Высота объекта. Hidden Указывает, скрыть объект на странице или нет.
- Pluginspage Адрес страницы в Интернете, откуда можно скачать и установить плагин к браузеру.
- Src Путь к файлу.
- Type MIME-тип объекта.
- Width Ширина объекта.
-
- 45) Элемент <fieldset> предназначен для группирования элементов формы. Такая группировка облегчает работу с формами, содержащими большое число данных, например, один блок может быть предназначен для ввода текстовой информации, а другой — для флажков.
Браузеры для повышения наглядности отображают результат использования элемента <fieldset> в виде рамки. Её вид зависит от операционной системы, а также используемого браузера
<form><fieldset>...</fieldset></form>Атрибуты:disabledБлокирует поля формы в группе. Form Связывает группу с формой. 46) Содержит описание для элемента <figure>. <figcaption> должен быть первым или последним элементом в группе.<figure><figcaption>Описание</figcaption></figure>47) Используется для группирования любых элементов, например, изображений и подписей к ним. <figure> не должен быть связан непосредственно с основным содержимым документа и при его перемещении в другое место смысл текста не должен меняться. Обычно применяется для иллюстраций, фрагментов кода, схем, графиков, диаграмм и др.<figure>...</figure>48) Элемент <font> представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура.
Данный элемент устарел, взамен используйте стили.
<font>Текст</font>Атрибуты: colorУстанавливает цвет текста. Face Определяет гарнитуру шрифта size Задаёт размер шрифта в условных единицах.49) Тег <footer> задаёт «подвал» сайта или раздела, в нём может располагаться имя автора, дата документа, контактная и правовая информация.<footer></footer>50) Элемент <form> устанавливает форму на веб-странице. Форма предназначена для обмена данными между пользователем и сервером. Область применения форм не ограничена отправкой данных на сервер, с помощью клиентских скриптов можно получить доступ к любому элементу формы, изменять его и применять по своему усмотрению.
Документ может содержать любое количество форм, но одновременно на сервер может быть отправлена только одна форма. По этой причине данные форм должны быть независимы друг от друга.
Для отправки формы на сервер используется кнопка Submit, того же можно добиться, если нажать клавишу Enter в пределах формы. Если кнопка Submit отсутствует в форме, клавиша Enter имитирует её использование.
Когда форма отправляется на сервер, управление данными передаётся программе, заданной атрибутом action элемента <form>. Предварительно браузер подготавливает информацию в виде пары «имя=значение», где имя определяется атрибутом name элемента <input>, а значение введено пользователем или установлено в поле формы по умолчанию. Если для отправки данных используется метод GET, то адресная строка может принимать следующий вид.
http://www.htmlbook.ru/handler.php?nick=%C2%E0%ED%FF+%D8%E0%EF%EE%F7%EA%E8%ED&page=5
Параметры перечисляются после вопросительного знака, указанного после адреса серверной программы и разделяются между собой символом амперсанда (&). Русские буквы преобразуются в шестнадцатеричное представление (в форме %HH, где HH — шестнадцатеричный код для значения ASCII-символа), пробел заменяется на плюс (+).
Допускается внутрь контейнера <form> помещать другие элементы, при этом сама форма никак не отображается на веб-странице, видны только элементы внутри неё.
<form>...</form>Атрибуты: accept-charsetУстанавливает кодировку, в которой сервер может принимать и обрабатывать данные. Action Адрес программы или документа, который обрабатывает данные формы. Autocomplete Включает автозаполнение полей формы. Enctype Способ кодирования данных формы. Method Метод протокола HTTP.
- Name Имя формы.
-
- Novalidate Отменяет встроенную проверку данных формы на корректность ввода.
-
- Target Имя окна или фрейма, куда обработчик будет загружать возвращаемый результат.
-
- 51) Элемент <frame> определяет свойства отдельного фрейма, на которые делится окно браузера. Этот элемент должен располагаться в контейнере <frameset>, который к тому же задаёт способ разметки страницы на отдельные области. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью атрибута src. Хотя обязательных атрибутов у <frame> и нет, рекомендуется задавать каждому фрейму его имя через атрибут name. Это особенно важно, если требуется по ссылке из одного фрейма загружать документ в другой.
Данный элемент устарел, не используйте его.
<frameset><frame></frameset>
- Атрибуты: bordercolor Цвет линии границы.
-
- Frameborder Отображать рамку вокруг фрейма или нет.
-
- Name Задаёт уникальное имя фрейма.
-
- Noresize Определяет, можно изменять размер фрейма пользователю или нет.
-
- Scrolling Способ отображения полосы прокрутки во фрейме.
-
- Src Путь к файлу, предназначенному для загрузки во фрейме.
-
-
52)
<frameset>Определяет структуру фреймов на веб-странице. Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная веб-страница, определяемая с помощью элемента <frame>. С помощью фреймов веб-страница делится на два или более документа, которые обычно содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в совершенно другом фрейме. Элемент <frameset> заменяет собой <body> на веб-странице. Допустимо использовать вложенную структуру элементов, это позволяет разбить один фрейм на две и более области.
При использовании фреймов примите во внимание их следующие особенности.
Поисковые системы плохо работают с фреймовой структурой, поскольку на страницах, которые содержат контент, обычно нет ссылок на другие документы.
Фреймы скрывают адрес страницы на которой находится посетитель и устанавливаемый через элемент <title>, и всегда показывают только адрес сайта. По этой причине понравившуюся страницу невозможно поместить в раздел «Избранное» браузера.
Пользователь зачастую оказывается на сайте, совершенно не представляя, куда он попал, потому что всего лишь нажал на ссылку, полученную в поисковой системе. Чтобы посетителю сайта было проще разобраться, где он находится, на каждую страницу помещают название сайта, заголовок страницы и навигацию. Фреймы, как правило, нарушают данный принцип, отделяя заголовок сайта от содержания, а навигацию от контента. Представьте, что вы нашли подходящую ссылку в поисковой системе, нажимаете на неё, а в итоге открывается документ без названия и навигации. Чтобы понять, где мы находимся или посмотреть другие материалы, придётся редактировать путь в адресной строке, что в любом случае доставляет неудобство.
Большое число фреймов требует для браузера выделения больше памяти, чем обычно.
Данный элемент устарел, не используйте его.
<frameset><frame></frameset>Атрибуты: borderТолщина границы между фреймами.
- Bordercolor Цвет линии границы.
-
- Cols Устанавливает ширину или пропорции фреймов в виде колонок.
-
- Frameborder Определяет, отображать рамку вокруг фрейма или нет.
-
- Rows Задаёт размер или пропорции фреймов в виде строк.
-
- 53) HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, элемент <h1> представляет собой наиболее важный заголовок первого уровня, а <h6> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Элементы <h1>,...,<h6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство.
<h1>Заголовок первого уровня</h1>54) Элемент <head> предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри контейнера <head> находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.
Содержимое <head> не отображается напрямую на веб-странице, за исключением элемента <title>, он задаёт заголовок окна веб-страницы.
Внутри контейнера <head> допускается размещать следующие элементы: <base>, <basefont>, <bgsound>, <link>, <meta>, <script>, <style>, <title>.
<head>...</head>Закрывающий тег Не обязателен. 55) Элемент <header> задаёт «шапку» сайта или раздела, в которой обычно располагается заголовок.<header></header>56) <hgroup> Используется для группирования заголовков веб-страницы или раздела. Внутри располагаются заголовки от <h1> до <h6>.
Данный элемент исключён из спецификации W3C HTML5, но оставлен в спецификации WHATWG. Не рекомендуем его применять на рабочих сайтах, поскольку статус элемента точно не определён и его дальнейшая судьба не известна.
<hgroup></hgroup>57) Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера.<hr>Закрывающий тег Не требуется. 58) Элемент <html> является контейнером, который заключает в себе всё содержимое веб-страницы, включая элементы <head> и <body>. Открывающий и закрывающий теги <html> в документе не обязательны, но хороший стиль диктует непременное их использование. Как правило, <html> идёт в документе вторым, после определения типа документа (Document Type Definition, DTD), устанавливаемого через <!DOCTYPE>. Закрывающий тег <html> всегда стоит в документе последним.<html>...</html>Закрывающий тег Не обязателен. Атрибуты: manifest Указывает файл манифеста, необходимый для создания оффлайнового приложения. Xmlns Указывает пространство имён для XHTML-документов. 59) Устанавливает курсивное начертание шрифта. Допустимо использовать этот элемент совместно с другими, которые определяют начертание текста.<i>Текст</i>60) Элемент <iframe> создаёт встроенный фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы.
<iframe> является контейнером, содержание которого игнорируется браузерами, не поддерживающими данный элемент. Для таких браузеров можно указать альтернативный текст, который увидят пользователи. Он должен располагаться между тегами <iframe> и </iframe>.
<iframe>...</iframe>Атрибуты:allowfullscreen Разрешает для фрейма полноэкранный режим.
- Frameborder Устанавливает, отображать границу вокруг фрейма или нет.
-
- Height Высота фрейма.
-
- Marginheight Отступ сверху и снизу от содержания до границы фрейма.
-
- Marginwidth Отступ слева и справа от содержимого до границы фрейма.
-
- Name Имя фрейма.
-
- Sandbox Позволяет задать ряд ограничений на контент загружаемый во фрейме.
-
- Scrolling Способ отображения полосы прокрутки во фрейме.
- Seamless Определяет, что содержимое фрейма должно отображаться так, словно оно является частью документа.
- Src Путь к файлу, содержимое которого будет загружаться во фрейм.
-
- Srcdoc Хранит содержимое фрейма непосредственно в атрибуте.
-
- Width Ширина фрейма.
-
- 61) Элемент <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG, SVG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив <img> в контейнер <a>.
Рисунки также могут применяться в качестве карт-изображений, когда картинка содержит активные области, выступающие в качестве ссылок. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой.
<img src="<адрес>" alt="<текст>">
Закрывающий тег Не требуется.
Атрибуты: alt Альтернативный текст для изображения.
- Height Высота изображения.
-
- Ismap Говорит браузеру, что картинка является серверной картой-изображением.
-
- Sizes Задаёт размеры изображения для разных макетов страницы.
-
- Src Путь к графическому файлу.
-
- Srcset Путь к графическим файлам с учётом размера изображения и устройств.
-
- Width Ширина изображения.
-
- Usemap Ссылка на элемент <map>, содержащий координаты для клиентской карты-изображения.
-
- 62) <input> является одним из разносторонних элементов формы и позволяет создавать разные части интерфейса и обеспечивать взаимодействие с пользователем. Главным образом <input> предназначен для создания текстовых полей, различных кнопок, переключателей и флажков.
Основной атрибут <input>, определяющий вид элемента — type. Он позволяет задавать следующие элементы формы: текстовое поле (text), поле с паролем (password), переключатель (radio), флажок (checkbox), скрытое поле (hidden), кнопка (button), кнопка для отправки формы (submit), кнопка для очистки формы (reset), поле для отправки файла (file), кнопка с изображением (image) и др. Для каждого элемента существует свой список атрибутов, которые определяют его вид и характеристики. Кроме того, в HTML5 добавлено ещё более десятка новых элементов.
<input>
Закрывающий тег Не требуется.
Атрибуты: accept Устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов.
Alt Альтернативный текст для кнопки с изображением.
- Autocomplete Включает или отключает автозаполнение.
-
- Autofocus Устанавливает фокус в поле формы.
-
- Checked Предварительно активированный переключатель или флажок.
-
- Dirname Параметр, который передаёт на сервер направление текста.
-
- Disabled Блокирует доступ и изменение элемента.
-
- Form Связывает поле с формой по её идентификатору.
-
- Formaction Определяет адрес обработчика формы.
-
- Formenctype Устанавливает способ кодирования данных формы при их отправке на сервер.
-
- Formmethod Сообщает браузеру каким методом следует передавать данные формы на сервер.
-
- Formnovalidate Отменяет встроенную проверку данных на корректность.
-
- Formtarget Определяет окно или фрейм в которое будет загружаться результат, возвращаемый обработчиком формы.
-
- List Указывает на список вариантов, которые можно выбирать при вводе текста.
-
- Max Верхнее значение для ввода числа или даты.
-
- Maxlength Максимальное количество символов разрешённых в тексте.
-
- Min Нижнее значение для ввода числа или даты.
-
- Minlength Минимальное количество символов разрешённых в тексте.
-
- Multiple Позволяет загрузить несколько файлов одновременно.
-
- Name Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.
-
- Pattern Устанавливает шаблон ввода.
-
- Placeholder Выводит подсказывающий текст.
-
- Readonly Устанавливает, что поле не может изменяться пользователем.
-
- Required Обязательное для заполнения поле.
-
- Size Ширина текстового поля.
-
- Src Адрес графического файла для поля с изображением.
-
- Step Шаг приращения для числовых полей.
-
- Type Сообщает браузеру, к какому типу относится элемент формы.
-
- Value Значение элемента.
-
- 63) Элемент <ins> предназначен для выделения текста, который был добавлен в новую версию документа. Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны.
Браузеры обычно помечают текст в контейнере <ins> как подчёркнутый.
<ins>Текст</ins>Атрибуты: citeУказывает ссылку на документ, где приведена причина редактирования текста и другие подробности.
- Datetime Дата и время редактирования текста.
-
- 64) Элемент <isindex> предназначен для поискового индекса в текущем документе. Согласно спецификации, <isindex> следует размещать внутри контейнера <head>, но браузеры корректно выводят <isindex> и когда он располагается в другом месте кода. Сам элемент отображается как текстовая строка, сверху и снизу которой выводятся линии, добавляемые через <hr>.
Данный элемент устарел, не используйте его.
<head><isindex></head>Закрывающий тег Не требуется. Атрибуты: action Адрес программы, осуществляющей поиск.
- Prompt Текстовая строка, которая выводится перед текстовым полем. Если этот атрибут не указан, браузер самостоятельно добавит собственный текст.
-
- 65) Элемент <kbd> используется для обозначения текста, который набирается на клавиатуре или для названия клавиш. Браузеры обычно помечают текст в контейнере <kbd> моноширинным шрифтом.
<kbd>Текст</kbd>66) Используется для генерации пары ключей — закрытого и открытого. Когда форма отправляется на сервер, закрытый ключ сохраняется на локальном компьютере, а открытый ключ передаётся вместе с формой. Сами ключи необходимы для шифрования и расшифровки данных, создания и проверки цифровой подписи.<form><keygen></form>Закрывающий тег Не требуется. Атрибуты: autofocus Передаёт фокус элементу при загрузке страницы.
- Challenge Определяет, должно ли значение изменяться при отправке формы.
-
- Disabled Отключает этот элемент.
-
- Form Идентификатор формы, к которой применяется шифрование.
-
- Keytype Задаёт алгоритм шифрования ключа. К примеру, значение rsa использует криптографический алгоритм RSA.
-
- Name Имя элемента.
-
- 67) Элемент <label> устанавливает связь между определённой меткой, в качестве которой обычно выступает текст, и элементом формы (<input>, <select>, <textarea>). Такая связь необходима, чтобы изменять значения элементов формы при щелчке курсором мыши на текст. Кроме того, с помощью <label> можно устанавливать горячие клавиши на клавиатуре и переходить на активный элемент подобно ссылкам.
Существует два способа связывания объекта и метки. Первый заключается в использовании идентификатора id внутри элемента формы и указании его имени в качестве атрибута for элемента <label>. При втором способе элемент формы помещается внутрь контейнера <label>.
<input id="<идентификатор>"><label for="<идентификатор>">Текст</label><label><input> Текст</label>Атрибуты: forИдентификатор элемента, с которым следует установить связь. 68) Элемент <legend> применяется для создания заголовка группы элементов формы, которая определяется с помощью <fieldset>. Группа элементов обозначается в браузере с помощью рамки, а текст, который располагается внутри контейнера <legend>, встраивается в эту рамку.<fieldset><legend>Текст</legend></fieldset>69) Элемент <li> определяет отдельный пункт списка. Внешний элемент <ul> или <ol> устанавливает тип списка — маркированный или нумерованный.
