Что такое html атрибуты?

При создании сайтов на html очень важно понимать что такое теги и их атрибуты.

Чтобы расширить возможности отдельных тегов и более гибко управлять содержимым контейнеров и применяются атрибуты тегов.

Для атрибутов тегов используются значения по умолчанию

Когда для тега не добавлен какой-либо допустимый атрибут, это означает, что браузер в этом случае будет подставлять значение, заданное по умолчанию. Если вы ожидали получить иной результат на веб-странице, проверьте, возможно, следует явно указать значения некоторых атрибутов.

Атрибуты без значений

Допустимо использовать некоторые атрибуты у тегов, не присваивая им никакого значения, как показано в примере 3.4.

<!DOCTYPE HTML>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Добавление формы</title>
 </head>
  <body>
  <form action="self.php">
   <p><input type="text"></p>
   <p><input type="submit" disabled></p>
  </form>
 </body>
</html>

В данном примере используется атрибут disabled, у которого явно не задано значение. Подобная запись называется «сокращенный атрибут тега».

Порядок атрибутов в тегах

Порядок атрибутов в любом теге не имеет значения и на результат отображения элемента не влияет. Поэтому теги вида <img src=»/images/title.gif» width=»438″ height=»118″> и <img height=»118″ width=»438″ src=»/images/title.gif»> по своему действию равны.

Формат атрибутов

Каждый атрибут тега относится к определенному типу (например: текст, число, путь к файлу и др.), который обязательно должен учитываться при написании атрибута. Так, в примере 3.3 упоминается тег <img>, он добавляет на веб-страницу рисунок, а его атрибут width задает ширину изображения в пикселах. Если поставить не число, а нечто другое, то значение будет проигнорировано и возникнет ошибка при валидации документа.

Универсальные атрибуты

Универсальные атрибуты применяются практически ко всем тегам, поэтому выделены в отдельную группу, чтобы не повторять их для всех тегов.

accesskey

Позволяет получить доступ к элементу с помощью заданного сочетания клавиш.

class

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

contenteditable

Сообщает, что элемент доступен для редактирования пользователем.

contextmenu

Устанавливает контекстное меню для элемента.

dir

Задает направление и отображение текста — слева направо или справа налево.

hidden

Скрывает содержимое элемента от просмотра.

id

Указывает имя стилевого идентификатора.

lang

Браузер использует значение параметра для правильного отображения некоторых национальных символов.

spellcheck

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

style

Применяется для определения стиля элемента с помощью правил CSS.

tabindex

Устанавливает порядок получения фокуса при переходе между элементами с помощью клавиши Tab.

title

Описывает содержимое элемента в виде всплывающей подсказки.

xml:lang

Этот атрибут по своему действию похож на lang, но применяется только в XHTML-документах и указывает язык всего текста или его фрагмента.

Пример того, как выглядят html атрибуты и где можно найти справочник по ним смотрите в видео — Что такое html атрибуты?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

  bigmir)net TOP 100  - .  E-mail: sitesnulyaru@gmail.com