stringtranslate.com

HTML-атрибут

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

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

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

Описание

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

<element Attribute= "value" > содержимое элемента </element>

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

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

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

< abbr  id = "anId"  class = "aClass"  style = "color:blue;"  title = «Язык разметки гипертекста» > HTML </ abbr >

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

< div  style = "text-align: center;" > Центрированный текст </ div >

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

Центрированный текст

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. ^ «Индекс атрибутов HTML 4» . W3C . Проверено 13 февраля 2015 г.
  2. ^ «О SGML и HTML». Консорциум Всемирной паутины . Проверено 16 ноября 2008 г.
  3. ^ «XHTML 1.0 – различия с HTML 4» . Консорциум Всемирной паутины . Проверено 16 ноября 2008 г.
  4. ↑ Корпела, Юкка (6 июля 1998 г.). «Почему значения атрибутов всегда должны заключаться в кавычки в HTML». Cs.tut.fi. _ Проверено 16 ноября 2008 г.
  5. ^ «Теги, используемые в HTML». Консорциум Всемирной паутины. 3 ноября 1992 года . Проверено 16 ноября 2008 г.
  6. ^ «Объекты, изображения и апплеты в документах HTML». Консорциум Всемирной паутины. 24 декабря 1999 года . Проверено 16 ноября 2008 г.
  7. ^ Однако к одному и тому же элементу могут применяться несколько идентификаторов; в частности, элемент может находиться внутри другого элемента, каждый из которых имеет идентификатор.
  8. ^ "HTML-идентификатор" . W3Школы . Архивировано из оригинала 27 апреля 2020 г. Проверено 27 апреля 2020 г.
  9. ^ «Атрибут глобального идентификатора HTML» . W3Школы . Проверено 27 апреля 2020 г.
  10. ^ «Классы HTML». W3Школы . Проверено 27 апреля 2020 г.
  11. ^ «Атрибут глобального класса HTML» . W3Школы . Проверено 27 апреля 2020 г.
  12. ^ «Стили HTML». W3Школы . Проверено 12 мая 2023 г.
  13. ^ «Атрибут глобального стиля HTML» . W3Школы . Проверено 12 мая 2023 г.
  14. ^ «Синтаксис CSS». W3Школы . Проверено 12 мая 2023 г.
  15. ^ «Глобальные атрибуты HTML». W3Школы.
  16. ^ «Атрибуты событий HTML». W3Школы.
  17. ^ abc «Глобальные атрибуты – HTML (язык разметки гипертекста)». Веб-документы MDN . Проверено 12 февраля 2015 г.
  18. ^ «Справочник по HTML – HTML (язык разметки гипертекста)» . Веб-документы MDN . Проверено 13 февраля 2015 г.