Закрывающий тег Не обязателен.




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, то адресная строка может принимать следующий вид.

https://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> устанавливает тип списка — маркированный или нумерованный.

Синтаксис

<ul>

<li>элемент маркированного списка</li>

</ul>

 

<ol>

<li>элемент нумерованного списка</li>

</ol>

Закрывающий тег Не обязателен.

Атрибуты: value Число, с которого будет начинаться нумерованный список.

70) Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. Элемент <link> обычно размещается внутри контейнера <head> и не создаёт ссылку, в отличие от элемента <a>.

<head>

<link href="<адрес>">

</head>

Закрывающий тег Не требуется.

Атрибуты: href Путь к связываемому файлу.

Media Определяет устройство, для которого следует применять стилевое оформление.

Rel Определяет отношения между текущим документом и файлом, на который делается ссылка.

 

Sizes Указывает размер иконок для визуального отображения.

 

Type MIME-тип данных подключаемого файла.

 

71) Предназначен для вывода листинга программ или кода. Отображает содержимое моноширинным шрифтом уменьшенного размера.

Это устаревший элемент, взамен него используйте элемент <code>.

<listing>Текст</listing>

72) Элемент <main> предназначен для основного содержимого документа. На странице может быть только один <main> и он не должен располагаться внутри элементов <article>, <aside>, <footer>, <header> или <nav>.

Элемент <main> включает в себя содержимое, которое является уникальным для данного документа, и не должен включать повторяющиеся разделы сайта, такие как навигация, название сайта, логотип, поисковая форма, баннеры и др.

<main>

</main>

73) Элемент <map> служит контейнером для элементов <area>, которые определяют активные области для карт-изображений. Такие области устанавливают невидимые зоны на изображении, являющиеся ссылками на HTML-документы. Цель использования <map> — в связывании элемента <img> с клиентской картой-изображением. Эта связь определяется применением единого идентификатора как в <img>, задаваемого атрибутом usemap, так и в <map>, устанавливаемого атрибутом name.

<map name="<имя>">

<area>

</map>

Атрибуты: name Имя карты-изображения.

74) Элемент <marquee> создаёт бегущую строку на странице. На самом деле содержимое контейнера <marquee> не ограничивается строками и позволяет перемещать (скролировать) любые элементы веб-страницы — изображения, текст, таблицы, элементы форм и т. д. Перемещение можно задать не только по горизонтали, но и по вертикали, в этом случае указываются размеры области, в которой будет происходить движение.

Это нестандартный элемент, взамен него используйте стили.

<marquee>...</marquee>

Атрибуты: behavior Задаёт тип движения содержимого контейнера <marquee>.

Bgcolor Цвет фона.

 

Direction Указывает направление движения содержимого контейнера <marquee>.

 

Height Высота области прокрутки.

 

Hspace Горизонтальные поля вокруг контента.

 

Loop Задаёт, сколько раз будет прокручиваться содержимое.

 

Scrollamount Скорость движения контента.

 

Scrolldelay Величина задержки в миллисекундах между движениями.

 

Truespeed Отменяет встроенный ограничитель скорости при низких значениях атрибута scrolldelay.

 

Vspace Вертикальные поля вокруг содержимого.

 

Width Ширина области прокрутки.

 

75) Элемент <mark> помечает текст как выделенный. В браузере фоновый цвет текста внутри <mark> выделяется жёлтым цветом.

Авторы обычно используют <mark> для привлечения внимания читателя к части текста. Заметьте, что такой текст ничего не говорит о важности выделенного фрагмента, а лишь предлагает обратить на него внимание.

<mark>текст</mark>

76) Элемент <menu> предназначен для отображения списка пунктов меню. Аналогично элементам <ol> и <ul> внутри контейнера <menu> список формируется с помощью <li>.

В HTML4 элемент <menu> вышел из употребления, вместо него рекомендуется использовать <ul>. В HTML5 элемент <menu> вновь включен, но уже в другом качестве. Теперь он выступает контейнером для элемента <command> и создания меню.

<menu>

<li>пункт меню</li>

<li>пункт меню</li>

</menu>

Атрибуты: label Устанавливает видимую метку для меню.

Type Задаёт тип меню.

 

77) <menuitem> Задаёт команду, которую пользователь может вызывать через контекстное меню. Команда выглядит как текстовая метка, а также дополнительно может содержать небольшую картинку. Сама команда связана с программой на JavaScript.

 

Значения: checked Устанавливает, что команда выбрана. Используется в сочетании с типом checkbox или radio.

 

Default Выбирает команду меню по умолчанию.

 

Disabled Блокирует команду меню.

 

Icon Адрес изображения, которое будет выводиться перед текстом команды.

 

Label Название команды показываемое пользователю.

 

Radiogroup Задаёт имя группы переключателей.

 

Type Задаёт тип команды.

 

Закрывающий тег Не обязателен.

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

<head>

<meta>

</head>

Закрывающий тег Не требуется.

Атрибуты: charset Задаёт кодировку документа.

Content Устанавливает значение атрибута, заданного с помощью name или http-equiv.

 

Http-equiv Предназначен для конвертирования метатега в заголовок HTTP.

 

Name Имя метатега, также косвенно устанавливает его предназначение.

 

79) Используется для вывода значения в некотором известном диапазоне. Применяется преимущественно для отображения числовых значений, например, количества результатов поиска, объёма жидкости, давления и др.

Браузеры, которые поддерживают элемент <meter>, отображают значение в виде рисунка, на котором цветом помечается текущее значение в указанном диапазоне. Остальные браузеры выводят текст, написанный внутри <meter>.

<meter value="<число>">текст</meter>

Атрибуты: value Устанавливает значение.

Min Задаёт минимально возможное значение.

 

Max Задаёт максимально возможное значение.

 

Low Определяет предел, при достижении которого значение считается низким.

 

High Определяет предел, при достижении которого значение считается высоким.

 

Optimum Определяет наилучшее или оптимальное значение.

 

80) Задаёт количество колонок, ширину и расстояние между колонок в многоколоночном тексте.

Это нестандартный элемент, не используйте его, взамен применяйте стили.

<multicol cols="<число>">Текст</multicol>

Атрибуты: cols Количество колонок.

Gutter Расстояние между колонок в пикселях.

 

Width Определяет общую ширину колонок включая пространство между ними. Это значение может быть задано в пикселях или процентах.

 

Примечание Для создания многоколоночного текста применяется стилевое свойство columns.

 

81) Элемент <nav> задаёт навигацию по сайту. Если на странице несколько блоков ссылок, то в <nav> обычно помещают приоритетные ссылки. Также допустимо использовать несколько <nav> в документе. Запрещается вкладывать <nav> внутрь <address>.

 

<nav>ссылки</nav>

82) Элемент <nobr> уведомляет браузер отображать текст без переносов. Без него текст выравнивается по левому краю окна браузера или родительского элемента. При этом браузер переводы строк расставляет автоматически, чтобы текст полностью поместился по ширине окна. Использование <nobr> заставляет отображать текст без переносов, одной строкой, что может привести к появлению горизонтальной полосы прокрутки. Пользователям придется прокручивать текст по горизонтали, чтобы увидеть его полностью.

Это нестандартный элемент, взамен него используйте стили.

<nobr>Текст</nobr>

83) Элемент <noembed> предназначен для отображения информации на веб-странице, если браузер не поддерживает работу с плагинами. Во всех остальных случаях содержимое контейнера <noembed> будет проигнорировано.

Плагином называется подключаемый к браузеру программный модуль, расширяющий возможности браузера. Например, к плагинам можно отнести поддержку Flash, QuickTime VR, VRML и т. д.

Это нестандартный элемент, не используйте его.

<noembed>Текст</noembed>

84) Поисковый робот Яндекса «ходит» по сайтам, просматривает и анализирует их содержимое, после чего сохраняет указатель на текст и изображения в поисковую базу данных Яндекса. Такой процесс называется индексированием. Часть веб-страницы можно закрыть от индексирования, поместив её внутрь элемента <noindex>. Тогда при следующем посещении веб-страницы поисковый робот проигнорирует такое содержимое и не станет добавлять его в свою базу данных. Это делается по разным причинам, к примеру, закрытые от индексации ссылки не передают ТИЦ (тематический индекс цитирования).

Важно понимать, что это нестандартный элемент и придуман Яндексом для своих целей. Браузеры никак не поддерживают <noindex> и просто выводят его содержимое как обычно.

Если вам нужно закрыть ссылку для поисковиков, добавьте к ней атрибут rel со значением nofollow:

<a href="//webref.ru" rel="nofollow">Ссылка не индексируется</a>

Если требуется закрыть для поисковиков всю страницу используйте элемент <meta>, добавив его в код HTML:

<meta name="robots" content="noindex">

Или добавьте в файл robots.txt следующую строку:

Disallow: /private.html

Где private.html адрес страницы.

 

<noindex>...</noindex>

85) Содержимое элемента <noframes> отображается в браузере, когда он не поддерживает фреймы и не умеет их интерпретировать. Браузеры, которые работают с фреймами, полностью игнорируют содержимое <noframes>. Как правило, внутри этого элемента располагается текст, информирующий пользователя о том, что его браузер фреймы не поддерживает или с предложением перейти на страницу без фреймов.

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

<frameset>

<noframes>Текст</noframes>

</frameset>

86) Контейнер <noscript> показывает своё содержимое, если браузер не поддерживает работу со скриптами или их поддержка отключена пользователем. В остальных случаях браузер игнорирует этот элемент и всё, что располагается внутри него.

<noscript>Текст</noscript>

87) Элемент <object> сообщает браузеру, как загружать и отображать объекты, которые исходно браузер не понимает. Как правило, такие объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы.

Дополнительно внутрь контейнера <object> можно поместить элемент <param>, который передаёт дополнительные параметры для отображения объекта.

 

<object></object>

Атрибуты: data Адрес файла для его отображения в окне браузера.

Height Высота объекта.

 

Type MIME-тип объекта.

 

Width Ширина объекта.

 

88) Элемент <ol> устанавливает нумерованный (упорядоченный) список. Каждый элемент списка должен начинаться с <li>. Если к <ol> применяется таблица стилей, то элементы <li> наследуют эти свойства.

 

<ol>

<li>элемент нумерованного списка</li>

<li>элемент нумерованного списка</li>

</ol>

Атрибуты: type Устанавливает вид маркера списка.

Reversed Нумерация в списке становится по убыванию (3,2,1).

 

start Задаёт число, с которого будет начинаться нумерованный список.

 

89) Элемент <optgroup> представляет собой контейнер, внутри которого располагаются элементы <option>, объединённые в одну группу. Особенностью <optgroup> является то, что он не выделяется как обычный элемент списка, акцентируется с помощью жирного начертания, а все элементы, входящие в этот контейнер, смещаются вправо от своего исходного положения.

 

<select>

<optgroup label="<текст>">

<option>...</option>

</optgroup>

</select>

Атрибуты: disabled Блокирует доступ к группе списка.

Label Текст, который будет входить в список в виде заголовка группы.

 

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

 

<select>

<option>Пункт 1</option>

<option>Пункт 2</option>

</select>

Закрывающий тег Не обязателен.

Атрибуты: disabled Заблокировать для доступа элемент списка.

Label Указание метки пункта списка.

 

Selected Заранее устанавливает определённый пункт списка выделенным.

 

Value Значение пункта списка, которое будет отправлено на сервер или прочитано с помощью скриптов.

 

91) Определяет область в которую выводится информация, преимущественно с помощью скриптов.

 

<output>

</output>

Атрибуты: for Определяет идентификатор одного и более элементов для связывания с элементом <output>.

Form Задаёт имя формы, которой принадлежит область для вывода.

Name Задаёт уникальное имя элемента.

92) Определяет текстовый абзац. Элемент <p> является блочным, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего абзаца или другого блочного элемента.

<p>Текст</p>

Закрывающий тег Не обязателен.

93) Элемент <param> предназначен для передачи значений параметров Java-апплетам или объектам веб-страницы, созданным с помощью элементов <applet> или <object>. Такой подход позволяет прямо в коде HTML-документа изменять характеристики объекта без его дополнительной компиляции. Количество одновременно используемых элементов <param> может быть больше одного и для каждого из них задаётся пара «имя=значение» через атрибуты name и value.

<param name="<имя>" value="<значение>">

Закрывающий тег Не требуется.

Атрибуты: name Имя параметра.

Value Значение параметра.

 

94) Представляет собой контейнер для хранения нескольких элементов <source>, которые поддерживают элемент <img>. Это позволяет указывать разные изображения с учётом размера экрана, плотности пикселей, формата изображения и других параметров. Вот несколько областей применения <picture>:

· для экранов ретина можно показывать картинку большего размера;

· выводить рисунки разного размера для мобильных и настольных устройств;

· отображать изображения разных пропорций, учитывающих ориентацию устройства;

· выводить изображение в векторном формате SVG, а для браузеров, его не поддерживающих, показывать PNG.

<picture>

<source>

<img>

</picture>

Внутри <picture> содержится ноль или несколько элементов <source>, которые идут перед одним элементом <img>.

95) Элемент <plaintext> отображает содержимое контейнера «как есть». Пока тег <plaintext> не закрыт, все теги внутри него отображаются как обычный текст. Несмотря на то, что все браузеры поддерживают этот тег, он не входит в спецификацию HTML и его использование осуждается.

Это нестандартный элемент, не применяйте его.

 

<plaintext>Текст</plaintext>

Закрывающий тег Не обязателен.

П<



Поделиться:




Поиск по сайту

©2015-2024 poisk-ru.ru
Все права принадлежать их авторам. Данный сайт не претендует на авторства, а предоставляет бесплатное использование.
Дата создания страницы: 2017-07-02 Нарушение авторских прав и Нарушение персональных данных


Поиск по сайту: