diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
commit | 074785cea106179cb3305637055ab0a009ca74f2 (patch) | |
tree | e6ae371cccd642aa2b67f39752a2cdf1fd4eb040 /files/ru/web/html/attributes | |
parent | da78a9e329e272dedb2400b79a3bdeebff387d47 (diff) | |
download | translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.gz translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.bz2 translated-content-074785cea106179cb3305637055ab0a009ca74f2.zip |
initial commit
Diffstat (limited to 'files/ru/web/html/attributes')
-rw-r--r-- | files/ru/web/html/attributes/index.html | 656 |
1 files changed, 656 insertions, 0 deletions
diff --git a/files/ru/web/html/attributes/index.html b/files/ru/web/html/attributes/index.html new file mode 100644 index 0000000000..44f61d6c8a --- /dev/null +++ b/files/ru/web/html/attributes/index.html @@ -0,0 +1,656 @@ +--- +title: Справочная информация по HTML атрибутам +slug: Web/HTML/Attributes +tags: + - HTML + - Reference + - Référence(2) + - Web + - Атрибут +translation_of: Web/HTML/Attributes +--- +<p>У элементов HTML есть <strong>атрибуты</strong>; это дополнительные значения, которые настраивают элементы или регулируют их поведение различным способом, чтобы соответствовать критериям пользователей.</p> + +<h2 id="Список_атрибутов">Список атрибутов</h2> + +<table class="standard-table"> + <thead> + <tr> + <th>Имя атрибута</th> + <th>Элементы</th> + <th>Описание</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>hidden</code></td> + <td><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></td> + <td>Предотвращает генерирование данного элемента, в то время как сохраняет дочерние элементы, например, элементы script, active.</td> + </tr> + <tr> + <td><code>high</code></td> + <td>{{ HTMLElement("meter") }}</td> + <td>Указывает нижнюю границу верхнего диапазона.</td> + </tr> + <tr> + <td><code>href</code></td> + <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("link") }}</td> + <td> URL связанного ресурса.</td> + </tr> + <tr> + <td><code>hreflang</code></td> + <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}</td> + <td>Указывает язык связанного ресурса.</td> + </tr> + <tr> + <td><code>http-equiv</code></td> + <td>{{ HTMLElement("meta") }}</td> + <td></td> + </tr> + <tr> + <td><code>icon</code></td> + <td>{{ HTMLElement("command") }}</td> + <td>Указывает картинку, которая будет представлять команду.</td> + </tr> + <tr> + <td><code>id</code></td> + <td><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></td> + <td>Часто используется с CSS для стилизации заданного элемента. Значение атрибута должно быть уникальным.</td> + </tr> + <tr> + <td><code>ismap</code></td> + <td>{{ HTMLElement("img") }}</td> + <td>Показывает, что изображение часть серверной карты изображений.</td> + </tr> + <tr> + <td><code>itemprop</code></td> + <td><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></td> + <td></td> + </tr> + <tr> + <td><code>keytype</code></td> + <td>{{ HTMLElement("keygen") }}</td> + <td>Указывает тип сгенерированного ключа.</td> + </tr> + <tr> + <td><code>kind</code></td> + <td>{{ HTMLElement("track") }}</td> + <td>Указывает вид дорожки текста.</td> + </tr> + <tr> + <td><code>label</code></td> + <td>{{ HTMLElement("track") }}</td> + <td>Указывает читабельный заголовок дорожки текста.</td> + </tr> + <tr> + <td><code>lang</code></td> + <td><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></td> + <td>Определяет язык для используемого элемента.</td> + </tr> + <tr> + <td><code>language</code></td> + <td>{{ HTMLElement("script") }}</td> + <td>Определяет язык скрипта, используемый в элементе.</td> + </tr> + <tr> + <td><code>list</code></td> + <td>{{ HTMLElement("input") }}</td> + <td>Задаёт список предустановленных опций для предложения пользователю.</td> + </tr> + <tr> + <td><code>loop</code></td> + <td>{{ HTMLElement("audio") }}, {{ HTMLElement("bgsound") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("video") }}</td> + <td>Указывает, следует ли медиа элементам начинать проигрывание сначала, после их завершения.</td> + </tr> + <tr> + <td><code>low</code></td> + <td>{{ HTMLElement("meter") }}</td> + <td>Указывает верхнюю границу нижнего диапазона.</td> + </tr> + <tr> + <td><code>manifest</code></td> + <td>{{ HTMLElement("html") }}</td> + <td>Задает URL кешированного манифеста документа.</td> + </tr> + <tr> + <td><code>max</code></td> + <td>{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}</td> + <td>Указывает максимальное допустимое значение.</td> + </tr> + <tr> + <td><code>maxlength</code></td> + <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td> + <td>Определяет максимальное количество символов, допустимых в элементе.</td> + </tr> + <tr> + <td><code>media</code></td> + <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}</td> + <td>Задаёт подсказку медиа, для которой, связанный ресурс был спроектирован.</td> + </tr> + <tr> + <td><code>method</code></td> + <td>{{ HTMLElement("form") }}</td> + <td>Определяет, какой HTTP метод использовать, когда отправлются данные формы. Может быть GET (по умолчанию) или POST.</td> + </tr> + <tr> + <td><code>min</code></td> + <td>{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}</td> + <td>Показывает минимальное допустимое значение.</td> + </tr> + <tr> + <td><code>multiple</code></td> + <td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}</td> + <td>Показывает могут ли быть выбраны множественные значения в input типа email или file.</td> + </tr> + <tr> + <td><code>name</code></td> + <td>{{ HTMLElement("button") }}, {{ HTMLElement("form") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}, {{ HTMLElement("map") }}, {{ HTMLElement("meta") }}, {{ HTMLElement("param") }}</td> + <td>Имя элемента. К примеру, используется сервером для определения полей отправленной формы.</td> + </tr> + <tr> + <td><code>novalidate</code></td> + <td>{{ HTMLElement("form") }}</td> + <td>Этот атрибут указывает, что форма не должна проверяться, когда передается на сервер.</td> + </tr> + <tr> + <td><code>open</code></td> + <td>{{ HTMLElement("details") }}</td> + <td>Указывает, отображать ли детали при загрузки страницы.</td> + </tr> + <tr> + <td><code>optimum</code></td> + <td>{{ HTMLElement("meter") }}</td> + <td>Указывает оптимальное числовое значение.</td> + </tr> + <tr> + <td><code>pattern</code></td> + <td>{{ HTMLElement("input") }}</td> + <td>Определяет регулярное выражение, которое будет проверять входные данные элемента.</td> + </tr> + <tr> + <td><code>ping</code></td> + <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td> + <td></td> + </tr> + <tr> + <td><code>placeholder</code></td> + <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td> + <td>Предоставляет подсказку пользователю, касательно того, что можно ввести в поле.</td> + </tr> + <tr> + <td><code>poster</code></td> + <td>{{ HTMLElement("video") }}</td> + <td>URL указывающий блок постера для показа, пока пользователь играет или ищет.</td> + </tr> + <tr> + <td><code>preload</code></td> + <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td> + <td>Указывает загружать ли ресурс целиком, его часть или не загружать вовсе.</td> + </tr> + <tr> + <td><code>pubdate</code></td> + <td>{{ HTMLElement("time") }}</td> + <td>Указывает, что эта дата и время являются ли датой ближайшего элемента предка {{ HTMLElement("article") }}.</td> + </tr> + <tr> + <td><code>radiogroup</code></td> + <td>{{ HTMLElement("command") }}</td> + <td></td> + </tr> + <tr> + <td><code>readonly</code></td> + <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td> + <td>Указывает, можно ли редактировать элемент.</td> + </tr> + <tr> + <td><code>rel</code></td> + <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}</td> + <td>Задаёт отношение целевого объекта к объекту ссылки.</td> + </tr> + <tr> + <td><code>required</code></td> + <td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td> + <td>Указывает, необходимо ли заполнять этот элемент или нет.</td> + </tr> + <tr> + <td><code>reversed</code></td> + <td>{{ HTMLElement("ol") }}</td> + <td>Указывает, отображать ли список по убыванию, вместо того, чтобы показывать его по возрастанию.</td> + </tr> + <tr> + <td><code>rows</code></td> + <td>{{ HTMLElement("textarea") }}</td> + <td>Определяет количество строк в textarea.</td> + </tr> + <tr> + <td><code>rowspan</code></td> + <td>{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td> + <td>Определяет количество строк ячейки таблицы, которые следует охватывать.</td> + </tr> + <tr> + <td><code>sandbox</code></td> + <td>{{ HTMLElement("iframe") }}</td> + <td></td> + </tr> + <tr> + <td><code>spellcheck</code></td> + <td><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></td> + <td>Указывает, разрешена ли проверка правописания для этого элемента.</td> + </tr> + <tr> + <td><code>scope</code></td> + <td>{{ HTMLElement("th") }}</td> + <td></td> + </tr> + <tr> + <td><code>scoped</code></td> + <td>{{ HTMLElement("style") }}</td> + <td></td> + </tr> + <tr> + <td><code>seamless</code></td> + <td>{{ HTMLElement("iframe") }}</td> + <td></td> + </tr> + <tr> + <td><code>selected</code></td> + <td>{{ HTMLElement("option") }}</td> + <td>Определяет значение, которое будет выделено при загрузки страницы.</td> + </tr> + <tr> + <td><code>shape</code></td> + <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td> + <td></td> + </tr> + <tr> + <td><code>size</code></td> + <td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}</td> + <td>Определяет ширину элемента (в пикселях). Если у элемента значение атрибута <code>type</code> — <code>text</code> или <code>password</code>, тогда это количество символов.</td> + </tr> + <tr> + <td><code>sizes</code></td> + <td>{{ HTMLElement("link") }}</td> + <td></td> + </tr> + <tr> + <td><code>span</code></td> + <td>{{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}</td> + <td></td> + </tr> + <tr> + <td><code>src</code></td> + <td>{{ HTMLElement("audio") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("track") }}, {{ HTMLElement("video") }}</td> + <td>URL встраиваемого содержимого.</td> + </tr> + <tr> + <td><code>srcdoc</code></td> + <td>{{ HTMLElement("iframe") }}</td> + <td></td> + </tr> + <tr> + <td><code>srclang</code></td> + <td>{{ HTMLElement("track") }}</td> + <td></td> + </tr> + <tr> + <td><code>srcset</code></td> + <td>{{ HTMLElement("img") }}</td> + <td></td> + </tr> + <tr> + <td><code>start</code></td> + <td>{{ HTMLElement("ol") }}</td> + <td>Определяет первый номер, если это не 1.</td> + </tr> + <tr> + <td><code>step</code></td> + <td>{{ HTMLElement("input") }}</td> + <td></td> + </tr> + <tr> + <td><code>style</code></td> + <td><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></td> + <td>Определяет CSS стили, которые перепишут установленные ранее стили.</td> + </tr> + <tr> + <td><code>summary</code></td> + <td>{{ HTMLElement("table") }}</td> + <td></td> + </tr> + <tr> + <td><code>tabindex</code></td> + <td><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></td> + <td>Переписывает порядок Tab по умолчанию браузера и следует вместо него заданному.</td> + </tr> + <tr> + <td><code>target</code></td> + <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("form") }}</td> + <td></td> + </tr> + <tr> + <td><code>title</code></td> + <td><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></td> + <td>Текст, который будет отображаться в всплывающей подсказке, когда на него наведут указатель.</td> + </tr> + <tr> + <td><code>type</code></td> + <td>{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("command") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("object") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}, {{ HTMLElement("menu") }}</td> + <td>Определяет тип элемента.</td> + </tr> + <tr> + <td><code>usemap</code></td> + <td>{{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}</td> + <td></td> + </tr> + <tr> + <td><code>value</code></td> + <td>{{ HTMLElement("button") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("li") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("param") }}</td> + <td>Определяет значение элемента по умолчанию, которое будет отображаться после загрузки страницы.</td> + </tr> + <tr> + <td><code>width</code></td> + <td>{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }}</td> + <td>Примечание: в некоторых случаях, таких как {{ HTMLElement("div") }}, это устаревший атрибут, в этом случае используйте свойство CSS {{ Cssxref("width") }} вместо него. В других случаях, таких как {{ HTMLElement("canvas") }}, ширина должна быть задана этим атрибутом.</td> + </tr> + <tr> + <td><code>wrap</code></td> + <td>{{ HTMLElement("textarea") }}</td> + <td>Указывает, следует ли переносить текст.</td> + </tr> + </tbody> + <tbody> + <tr> + <td><code>border</code></td> + <td>{{ HTMLElement("img") }}, {{ HTMLElement("object") }}, {{ HTMLElement("table") }}</td> + <td> + <p>Ширина границы.</p> + + <p>Примечание: это устаревший атрибут, используйте свойство CSS {{ Cssxref("border") }}.</p> + </td> + </tr> + <tr> + <td><code>buffered</code></td> + <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td> + <td>Содержит отрезок времени уже буферизованного медиа.</td> + </tr> + <tr> + <td><code>challenge</code></td> + <td>{{ HTMLElement("keygen") }}</td> + <td>Строка вызова, которая передаётся вместе с публичным ключом.</td> + </tr> + <tr> + <td><code>charset</code></td> + <td>{{ HTMLElement("meta") }}, {{ HTMLElement("script") }}</td> + <td>Определяет кодировку страницы или скрипта.</td> + </tr> + <tr> + <td><code>checked</code></td> + <td>{{ HTMLElement("command") }}, {{ HTMLElement("input") }}</td> + <td>Указывает, следует ли отметить элемент при загрузки страницы.</td> + </tr> + <tr> + <td><code>cite</code></td> + <td>{{ HTMLElement("blockquote") }}, {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("q") }}</td> + <td>Содержит URI, который указывает на источник цитаты или изменения.</td> + </tr> + <tr> + <td><code>class</code></td> + <td><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></td> + <td>Часто используется вместе с CSS, чтобы стилизовать элементы с общими свойствами.</td> + </tr> + <tr> + <td><code>code</code></td> + <td>{{ HTMLElement("applet") }}</td> + <td>Указывает URL файла класса аплета для загрузки и выполнения.</td> + </tr> + <tr> + <td><code>codebase</code></td> + <td>{{ HTMLElement("applet") }}</td> + <td>Этот атрибут предоставляет абсолютный или относительный URL директории, файлы аплета .class, на которые ссылаются в хранимом атрибуте кода.</td> + </tr> + <tr> + <td><code>color</code></td> + <td>{{ HTMLElement("basefont") }}, {{ HTMLElement("font") }}, {{ HTMLElement("hr") }}</td> + <td> + <p>Этот атрибут устанавливает цвет текста, используя либо название цвета, либо шестнадцатиричный формат #RRGGBB.</p> + + <p>Примечание: это устаревший атрибут. Используйте CSS свойство {{ Cssxref("color") }}.</p> + </td> + </tr> + <tr> + <td><code>cols</code></td> + <td>{{ HTMLElement("textarea") }}</td> + <td>Определяет количество столбцов в textarea.</td> + </tr> + <tr> + <td><code>colspan</code></td> + <td>{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td> + <td>Определяет диапазон количества столбцов ячейки.</td> + </tr> + <tr> + <td><code>content</code></td> + <td>{{ HTMLElement("meta") }}</td> + <td>Значение, ассоциированное с <code>http-equiv</code> или <code>name</code> зависит от контекста.</td> + </tr> + <tr> + <td><code>contenteditable</code></td> + <td><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></td> + <td>Указывает, редактируется ли содержимое элемента.</td> + </tr> + <tr> + <td><code>contextmenu</code></td> + <td><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></td> + <td>Определяет ID элемента {{ HTMLElement("menu") }} который послужит, как контекстное меню элемента.</td> + </tr> + <tr> + <td><code>controls</code></td> + <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td> + <td>Указывает, следует ли отображать пользователю кнопки воспроизведения.</td> + </tr> + <tr> + <td><code>coords</code></td> + <td>{{ HTMLElement("area") }}</td> + <td>Набор значений, задающий координаты области для активного участка.</td> + </tr> + <tr> + <td> + <p><code>data</code></p> + </td> + <td> + <p>{{ HTMLElement("object") }}</p> + </td> + <td> + <p>Задаёт URL ресурса.</p> + </td> + </tr> + <tr> + <td> + <p><code>data-*</code></p> + </td> + <td> + <p><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></p> + </td> + <td> + <p>Позволяет прикрепить произвольные атрибуты для HTML элемента.</p> + </td> + </tr> + <tr> + <td><code>datetime</code></td> + <td>{{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("time") }}</td> + <td>Указывает дату и время, ассоциированное с элементом.</td> + </tr> + <tr> + <td><code>default</code></td> + <td>{{ HTMLElement("track") }}</td> + <td>Указывает, что дорожка должна быть доступна, если пользовательские настройки не говорят об обратном.</td> + </tr> + <tr> + <td><code>defer</code></td> + <td>{{ HTMLElement("script") }}</td> + <td>Указывает, что скрипт должен быть запущен, после того как страница будет проанализирована.</td> + </tr> + <tr> + <td><code>dir</code></td> + <td><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></td> + <td>Определяет направление текста. Допустимые значения ltr (Слева направо) или rtl (Справа налево).</td> + </tr> + <tr> + <td><code>dirname</code></td> + <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td> + <td></td> + </tr> + <tr> + <td><code>disabled</code></td> + <td>{{ HTMLElement("button") }}, {{ HTMLElement("command") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td> + <td>Указывает, может ли пользователь взаимодействовать с элементом.</td> + </tr> + <tr> + <td><code>download</code></td> + <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td> + <td>Указывает, что ссылка используется для загрузки.</td> + </tr> + <tr> + <td><code>draggable</code></td> + <td><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></td> + <td>Определяет, можно ли перетаскивать элемент.</td> + </tr> + <tr> + <td><code>dropzone</code></td> + <td><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></td> + <td>Указывает, что элемент принимает содержимое элемента, которое перетаскивают на него.</td> + </tr> + <tr> + <td><code>enctype</code></td> + <td>{{ HTMLElement("form") }}</td> + <td>Определяет тип содержимого для данных формы, когда <code>method</code> — POST.</td> + </tr> + <tr> + <td><code>for</code></td> + <td>{{ HTMLElement("label") }}, {{ HTMLElement("output") }}</td> + <td>Описывает элементы, которые принадлежат им.</td> + </tr> + <tr> + <td><code>form</code></td> + <td>{{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td> + <td>Указывает форму, которая является владельцем элемента.</td> + </tr> + <tr> + <td><code>formaction</code></td> + <td>{{ HTMLElement("input") }}, {{ HTMLElement("button") }}</td> + <td>Указывает действие элемента, перезаписвающее действие, указанное в форме {{ HTMLElement("form") }}.</td> + </tr> + <tr> + <td><code>headers</code></td> + <td>{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td> + <td>ID элементов <code><th></code>, которые применяются к этому элементу.</td> + </tr> + <tr> + <td><code>height</code></td> + <td>{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }}</td> + <td>Примечание: в некоторых экземплярах, таких как {{ HTMLElement("div") }}, это устаревший атрибут, в этом случае используйте свойство CSS {{ Cssxref("height") }}. В других экземплярах, таких как {{ HTMLElement("canvas") }}, высота должна быть задана этим атрибутом.</td> + </tr> + </tbody> + <tbody> + <tr> + <td><code>accept</code></td> + <td>{{ HTMLElement("form") }}, {{ HTMLElement("input") }}</td> + <td>Список типов, которые принимает сервер, обычно тип файла.</td> + </tr> + <tr> + <td><code>accept-charset</code></td> + <td>{{ HTMLElement("form") }}</td> + <td>Список поддерживаемых наборов символов.</td> + </tr> + <tr> + <td><code>accesskey</code></td> + <td><a href="/ru/docs/Web/HTML/Global_attributes" title="Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.">Глобальный атрибут</a></td> + <td>Определяет клавишную комбинацию для активизации или добавления фокуса к элементу.</td> + </tr> + <tr> + <td><code>action</code></td> + <td>{{ HTMLElement("form") }}</td> + <td>URI адрес программы, которая обработает данные, переданные через форму.</td> + </tr> + <tr> + <td><code>align</code></td> + <td>{{ HTMLElement("applet") }}, {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("hr") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("td") }}, {{ HTMLElement("tfoot") }} , {{ HTMLElement("th") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }}</td> + <td>Задаёт горизонтальное выравнивание элемента.</td> + </tr> + <tr> + <td><code>alt</code></td> + <td> + <p>{{ HTMLElement("applet") }}, {{ HTMLElement("area") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}</p> + </td> + <td>Альтернативный текст, в случае, если изображение не может быть отображено.</td> + </tr> + <tr> + <td><code>async</code></td> + <td>{{ HTMLElement("script") }}</td> + <td>Указывает, что скрипт должен быть выполнен асинхронно.</td> + </tr> + <tr> + <td><code>autocomplete</code></td> + <td>{{ HTMLElement("form") }}, {{ HTMLElement("input") }}</td> + <td>Показывает, могут ли управляющие элементы в форме по умолчанию иметь собственные значения для автодополнения в форме.</td> + </tr> + <tr> + <td><code>autofocus</code></td> + <td>{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td> + <td>На этом элементе следует автоматически сфокусироваться после загрузки страницы.</td> + </tr> + <tr> + <td><code>autoplay</code></td> + <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td> + <td>Аудио и видео нужно воспроизвести как можно скорее.</td> + </tr> + <tr> + <td><code>autosave</code></td> + <td>{{ HTMLElement("input") }}</td> + <td>Предыдущее значения следует сохранить в выпадающем списке при загрузки страницы.</td> + </tr> + <tr> + <td><code>bgcolor</code></td> + <td>{{ HTMLElement("body") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("td") }}, {{ HTMLElement("th") }}, {{ HTMLElement("tr") }}</td> + <td> + <p>Цвет фона элемента.</p> + + <p>Примечание: это устаревший атрибут. Используйте свойство CSS {{ Cssxref("background-color") }}.</p> + </td> + </tr> + </tbody> +</table> + +<h2 id="Содержимое_в_сравнении_с_IDL_атрибутами">Содержимое в сравнении с IDL атрибутами</h2> + +<p>В HTML, большинство атрибутов имеют две грани: <strong>атрибут содержимого</strong> и <strong>IDL атрибут</strong>.</p> + +<p>Атрибут содержимого — это атрибут как вы его устанавливаете из содержимого (HTML-код), и его можно устанавливать или получать с помощью {{domxref("element.setAttribute()")}} или {{domxref("element.getAttribute()")}}. Атрибут содержимого всегда строка, даже когда ожидаемое значение должно быть число. Например, для того чтобы установить <code>maxlength элемента </code>{{HTMLElement("input")}} в 42 используя атрибут содержимого, вам нужно вызвать <code>setAttribute("maxlength", "42")</code> на этом элементе.</p> + +<p>IDL-атрибут также известен как свойство JavaScript. Это атрибуты, которые вы можете читать или устанавливать используя JavaScript-свойства наподобие <code class="moz-txt-verticalline">element.foo</code>. IDL-атрибут всегда собирается использовать (но может преобразовать) основной атрибут содержимого для возврата, когды вы получаете его и сохраняет в атрибут содержимого, когда вы устанавливаете его. Другими словами, IDL-атрибуты, в сущности, отражают атрибуты содержимого.</p> + +<p>Большую часть времени, IDL атрибуты возвращают их значения такими, какими они используются. Например, по умолчанию <code>type</code> для элементов {{HTMLElement("input")}} — "text", поэтому если вы установите <code>input.type="foobar"</code>, элемент <code><input></code> будет иметь тип text (по виду и по поведению) но значение атрибута содержимого "type" будет "foobar". Однако, IDL-атрибут <code>type</code> возвратит строку "text".</p> + +<p>IDL-атрибуты не всегда строки; например, <code>input.maxlength</code> число (long со знаком). Когда используете IDL атрибуты, вы читаете или устанавливаете значения желаемого типа, поэтому <code>input.maxlength</code> всегда намеревается вернуть число и когда вы устанавливаете <code>input.maxlength</code>, это требует число. Если вы передадите другой тип, это автоматически конвентируется в число, по стандартным правилам преобразования типов в JavaScript.</p> + +<p>IDL атрибуты могут <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes">отображать другие типы</a> такие как unsigned long, URLs, booleans, и т.д. К несчастью нет ясных правил и способа, чтобы IDL атрибуты работали в связке с их соответствующими атрибутами содержимого в зависимости от атрибута. Большую часть времени, будет следовать <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes">правилам из спецификации</a>, но иногда нет. HTML спецификации пытаются сделать это как можно дружелюбнее для разработчиков, но по различным причинам (по большинству историческим), некоторые атрибуты работают странно (<code>select.size</code>, например) и вам следует прочитать спецификацию для точного понимания того, как они работают.</p> + +<h2 id="Смотрите_также">Смотрите также</h2> + +<ul> + <li><a href="/ru/docs/HTML/Element" title="/ru/docs/HTML/Element">HTML элементы</a></li> +</ul> |