Атрибут HTML - HTML attribute

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

Было распознано несколько основных типов атрибутов, в том числе: (1) обязательные атрибуты, необходимый конкретному типу элемента для правильного функционирования этого типа элемента; (2) необязательные атрибуты, используется для изменения функциональности по умолчанию для типа элемента; (3) стандартные атрибуты, поддерживаемые многими типами элементов; и (4) атрибуты события, используется для того, чтобы типы элементов определяли сценарии, запускаемые при определенных обстоятельствах.

Некоторые типы атрибутов работают по-разному, когда используются для изменения разных типов элементов. Например, атрибут имя используется несколькими типами элементов, но функции каждого из них немного отличаются.^[1]

Описание

Атрибуты HTML обычно отображаются в виде пар имя-значение, разделенных =, и записываются в начальном теге элемента после имени элемента:

<элемент атрибут="ценить">содержание элемента</элемент>

Где элемент называет тип элемента HTML, а атрибут это имя атрибута, установленное в предоставленное ценить. Значение может быть заключено в одинарные или двойные кавычки, хотя значения, состоящие из определенных символов, могут быть оставлены без кавычек в HTML (но не в XHTML).^[2][3] Оставление значений атрибутов без кавычек считается небезопасным.^[4]

Хотя большинство атрибутов представлены как парные имена и значения, некоторые влияют на элемент просто своим присутствием в начальном теге элемента.^[5] (словно ismap атрибут для img элемент^[6]).

Элемент сокращения, abbr, можно использовать для демонстрации этих различных атрибутов:

<abbr я бы="anId" учебный класс="класс" стиль="цвет синий;" заглавие="Язык гипертекстовой разметки">HTML</abbr>

Этот пример отображается как HTML синим цветом без ссылки, и в большинстве браузеров при наведении курсора на сокращение должен отображаться текст заголовка «Язык гипертекстовой разметки» на плавающем желтом фоне (всплывающая подсказка ).

<div стиль="выравнивание текста: по центру;">Центрированный текст</div>

В этом другом примере ваш текст будет выглядеть так:

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

Общие атрибуты

Обычно, HTML-элементы может принимать любой из нескольких наиболее распространенных стандартных атрибутов (Посмотреть полный список ):

• В я бы Атрибут предоставляет уникальный идентификатор элемента для всего документа.^[7][8][9] Это можно использовать как Селектор CSS для предоставления презентационных свойств с помощью браузеров, чтобы сосредоточить внимание на конкретном элементе, или с помощью сценариев, чтобы изменить содержимое или представление элемента. Добавленный к URL-адресу страницы, URL-адрес напрямую нацелен на конкретный элемент в документе, как правило, на подраздел страницы. Например, идентификатор "Атрибуты" в http://en.wikipedia.org/wiki/HTML#Attributes (для обозначения раздел «Атрибуты» на странице «HTML»).
• В учебный класс Атрибут предоставляет способ классификации похожих элементов.^[10][11] Это можно использовать для семантический целей или в целях презентации. Семантически, например, классы используются в микроформаты. В презентационном плане, например, документ HTML может использовать обозначение class = "notation" чтобы указать, что все элементы с этим значением класса подчинены основному тексту документа. Такие элементы могут быть собраны вместе и представлены как сноски на странице вместо того, чтобы появляться в том месте, где они встречаются в исходном HTML. Другое использование презентации было бы как Селектор CSS.
• Автор может использовать стиль неатрибутивные коды представляют свойства конкретного элемента. стиль Атрибут может использоваться в любом элементе HTML (он будет проверяться на любом элементе элемента HTML; однако это не обязательно полезно). Считается лучшей практикой использовать элемент я бы или же учебный класс атрибуты для выбора элемента с таблица стилей, хотя иногда это может быть слишком громоздким для простого и специфического или специального применения стилизованных свойств.
• В заглавие Атрибут используется для присоединения к элементу подтекстового объяснения. В большинстве браузеров этот атрибут отображается как то, что часто называют всплывающая подсказка.

Разновидности

Атрибуты HTML обычно классифицируются как обязательные атрибуты, необязательные атрибуты, стандартные атрибуты, и атрибуты события:

• Обычно обязательные и необязательные атрибуты изменяют определенные элементы HTML.
• Хотя стандартные атрибуты можно применить к большинству элементов HTML.^[12]
• Атрибуты событий, добавленные в HTML версии 4, позволяют элементу указывать скрипты запускаться при определенных обстоятельствах.^[13]

Обязательный и необязательный

Используется одним элементом

• <applet>: код, объект
• <area>: nohref
• <body>: ссылка, фон, связь, текст, vlink
• <form>: accept-charset, действие, enctype, метод
• <frame>: Noresize
• <head>: профиль
• <hr>: без тени
• <html>: xmlns
• <img>: ismap
• <input>: проверил, максимальная длина
• <label>: за
• <meta>: содержание, http-Equiv, схема
• <object>: ID класса, кодовый тег, данные, объявить, ожидать
• <ol>: Начните
• <option>: выбранный
• <param>: тип ценности
• <script>: отложить, xml: пробел
• <select>: несколько
• <table>: клетка, расстояние между ячейками, Рамка, правила, резюме
• <td>: заголовки

Используется двумя элементами

• <a> и <area>:
  • coords - координаты <area> или <link> внутри.
  • shape - форма <area> или <link> внутри. Значения: по умолчанию, прямоугольник, круг, поли.
• <a> и <link>:
  • hreflang - Код языка связанного документа. (<a>, <link>)
  • rel - Природа связанного документа (относительно текущей страницы). Произвольный текст для <a>, но <link> использует набор терминов (альтернатива, приложение, закладка, глава, содержание, авторское право, глоссарий, справка, главная, указатель, следующий, предыдущий, раздел, начало, таблица стилей, подраздел).
  • rev - Характер текущей отображаемой страницы (относительно связанного документа). Зависит от <a> и <link> что касается отн.
• <applet> и <object>:
  • archive - URL-адреса архива (<applet>, <object>)
  • codebase - базовый URL (<applet>, <object>)
• <basefont> и <font>:
  • color - цвет текста (не рекомендуется) (<basefont>, <font>)
  • лицо - семейство шрифтов (не рекомендуется) (<basefont>, <font>)
• <col> и <colgroup>:
  • span - количество охваченных столбцов (<col>, <colgroup>)
• <del> и <ins>:
  • datetime - дата и время текста удаление или же вставка.
• <form> и <input>:
  • accept - типы файлов, принимаемых при загрузке <form> или же <input>
• <frame> и <iframe>:
  • frameborder - значение (0 или 1) указывает, отображать ли границу вокруг <frame> или же <iframe>.
  • marginheight - верхнее и нижнее поля в пикселях вокруг <frame> или же <iframe>.
  • scrolling - значение (yes, no, auto) указывает, отображать ли полосы прокрутки вокруг <frame> или же <iframe>.
  • marginwidth - левое и правое поля в пикселях вокруг <frame> или же <iframe>.
• <frameset> и <textarea>:
  • cols - количество видимых столбцов в <frameset> или же <textarea> (некоторые вариации)
  • rows - количество видимых строк в <frameset> или же <textarea> (некоторые вариации)
• <img> и <object>:
  • usemap - указывает имя элемента карты для использования с <img> -или- URL-адрес карты изображений для использования с <object>.
• <input> и <textarea>:
  • readonly - указывает текст только для чтения для <input> и <textarea>.
• <link> и <style>:
  • media - указывает устройство отображения для <link> и <style>. Значения: все, слух, шрифт Брайля, портативный, печать, проекция, экран, tty, телевизор.
• <optgroup> и <option>:
  • label - текст описания для <optgroup> или же <option>.
• <td> и <th>:
  • abbr - сокращенная версия таблицы клетка или же заголовок.
  • ось - название категории для таблицы клетка или же заголовок.
  • colspan - количество столбцов, охватываемых таблицей клетка или же заголовок.
  • nowrap - (не рекомендуется) предотвращает заворачивание стола клетка или же заголовок.
  • rowspan - количество строк, охватываемых таблицей клетка или же заголовок.
  • scope - не влияет на нормальное отображение браузера, но отмечает таблицу клетка или же заголовок как логический заголовок для других ячеек. Значения: col, colgroup, row, rowgroup.

Используется несколькими элементами

• выровнять — <applet>, <col>, <colgroup>, <object>, <tbody>, <td>, <tfoot>, <th>, <thead>

• align также устарело в <caption>, <div>, <h1> к <h6>, <hr>, <iframe>, <img>, <input>, <legend>, <p>, <table>

• альт — <applet>, <area>, <img>, <input>
• bgcolor — <body>, <table>, <td>, <th>, <bgcolor>
• граница — <img>, <object>, <table>
• char — <char>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead>, <tr>
• Charoff — <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead>, <tr>
• кодировка — <a>, <link>, <script>
• цитировать — <blockquote>, <del>, <ins>, <q>
• компактный — <dir>, <menu>, <ol>, <ul>
• отключен — <button>, <input>, <optgroup>, <option>, <select>, <textarea>
• высота — <applet>, <iframe>, <img>, <object> . Также не рекомендуется в <td>, <th>
• href — <a>, <area>, <base>, <link>
• hspace — <applet>, <object>. Также не рекомендуется в <img>
• longdesc — <frame>, <iframe>, <img>
• имя — <a>, <applet>, <button>, <form>, <frame>, <iframe>, <input>, <map>, <meta>, <object>, <param>, <select>, <textarea>
• размер — <basefont>, <font>, <hr>, <input>, <select>
• src — <frame>, <iframe>, <img>, <input>, <script>
• цель — <a>, <area>, <base>, <form>, <link>
• тип — <button>, <input>, <li>, <link>, <object>, <ol>, <param>, <script>, <style>, <ul>
• доблестный — <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead>, <tr>
• ценить — <button>, <input>, <li>, <option>, <param>
• vspace — <applet>, <img>, <object>
• ширина — <applet>, <col>, <colgroup>, <hr>, <iframe>, <img>, <object>, <pre>, <table>, <td>, <th>

Стандартные атрибуты

Стандартные атрибуты также известны как глобальные атрибуты, и работают с большим количеством элементов.^[14] Они включают в себя основные стандартные атрибуты: они включают accesskey, class, contenteditable, contextmenu, data, dir, hidden, id, lang, style, tabindex, title. Есть и экспериментальные. Обе xml: lang и xml: base устарели. Несколько ария- * атрибуты улучшают доступность.^[14] Атрибуты обработчика событий перечислены позже.

Технически все стандартные атрибуты должны приниматься всеми элементами, хотя они не будут работать с некоторыми элементами.^[15] В таблице ниже перечислены некоторые общие стандартные атрибуты и некоторые элементы, с которыми они могут работать.

Атрибуты события

Стандартные атрибуты включают атрибуты обработчика событий. Все они имеют префикс-:^[14]

Атрибуты событий, добавленные в HTML версии 4, позволяют элементу указывать сценарии, запускаемые при определенных обстоятельствах. В таблице ниже перечислены некоторые общие атрибуты обработчиков событий и некоторые элементы, с которыми они могут работать.

Смотрите также

• HTML элемент

Рекомендации