HTML атрибуты

Атрибуты предоставляют дополнительную информацию о HTML-элементах.

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

HTML атрибуты

HTML элементы могут иметь attributes
Атрибуты обеспечивают additional information об элементе
Атрибуты всегда определяются в the start tag
Атрибуты бывают пары имя / значение , как: name="value"

Описание

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

<tag attribute="value">content to be modified by the tag</tag>

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

Несмотря на то, что большинство атрибутов представлены в виде парных имен и значений, некоторые влияют элемент просто своим присутствием в начальном теге элемента (например, в ISMAP атрибута для элемента IMG).

Большинство элементов могут принимать любые из нескольких общих атрибутов:

Атрибут ID предоставляет документ шириной уникального идентификатор для element.This может быть использован в качестве селектора CSS, чтобы обеспечить презентационные свойства, браузерами, чтобы сосредоточить внимание на конкретном элементе или сценарии, чтобы изменить содержание или представление элемента. Добавив к URL-адресу страницы, URL-адрес непосредственно нацелен на конкретный элемент в пределах документа, как правило, подраздел страницы. Например, идентификатор «Атрибуты».

Атрибут класса обеспечивает способ классификации подобных элементов. Это может быть использовано для семантических целей или для целей презентации. Семантический, например, классы используются в микроформатах. Presentationally, например, HTML документ может использовать обозначение класса = «обозначение», чтобы указать, что все элементы с этим классом ценности подчинены основному тексту документа. Такие элементы могут быть собраны и представлены в виде сносок на странице вместо того, появляется в том месте, где они происходят в источнике HTML. Другое использование презентации будет как селектор CSS.

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

Название атрибута используется для прикрепления subtextual объяснения к элементу. В большинстве браузеров этот атрибут отображается то, что часто называют подсказкой.

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

Этот пример показывает, как HTML; в большинстве браузеров, указывая курсор на аббревиатуру должен отображать текст заголовка «Hypertext Markup Language.»

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

lang Атрибут

Язык документа может быть объявлена в <html> тега.

Язык объявлен в lang атрибута.

Декларирование языка важно для приложений доступности (screen readers) и поисковых систем:

<!DOCTYPE html>
<html lang="en-US">
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Первые две буквы указывают язык (en) . Если есть диалект, использовать еще две буквы (US) .

title Атрибут

HTML пункты определяются с <p> тега.

В этом примере, <p> элемент имеет атрибут заголовка. Значение атрибута " About w3im " :

пример

<p title="About w3ii">
w3ii is a web developer's site.
It provides tutorials and references covering
many aspects of web programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.
</p>

Попробуй сам "

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

href Атрибут

HTML ссылки определяются с <a> тегом. Адрес ссылки указывается в href атрибута:

пример

Попробуй сам "

Вы узнаете больше о ссылках и <a> тега позже в этом руководстве.

Размер Атрибуты

HTML изображения определяются с <img> тег.

Имя файла источника ( src ) , и размер изображения ( width и height ), дает в качестве атрибутов:

пример

Попробуй сам "

Размер изображения задается в пикселях: ширина = «104» означает 104 пикселей в ширину экрана.

Вы узнаете больше об изображениях и <img> тег позже в этом уроке.

alt Атрибут

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

Значение атрибута может быть прочитан "screen readers" с "screen readers" . Таким образом, кто - то "listening" на веб - странице, то есть слепой человек, может "hear" элемент.

пример

Попробуй сам "

Мы предлагаем: Атрибуты Всегда использовать Строчные

Стандарт HTML5 не требует меньших имен атрибутов регистра.

title атрибут может быть записан верхнем или нижним регистром , как Title и / или TITLE .

W3C рекомендует строчный в HTML4, и требует строчных букв для более жестких типов документов , таких как XHTML.

Нижний корпус является наиболее распространенным. Нижний регистр легче напечатать.
В w3ii мы всегда используем нижний регистр имен атрибутов.

Мы предлагаем: Всегда Quote значений атрибутов

Стандарт HTML5 не требует кавычки вокруг значений атрибутов.

href атрибута, было показано выше, может быть записана в виде:

пример

Попробуй сам "

W3C recommends котировки в HTML4, и требует котировок для более жестких типов документов , таких как XHTML.

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

пример

Попробуй сам "

Используя цитаты являются наиболее распространенными. Опуская котировки могут привести к ошибкам.
В w3ii мы всегда используем кавычки значения атрибутов.

Одинарные или двойные кавычки?

Двойные кавычки типа являются наиболее распространенными в HTML, но один стиль также может быть использована.

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

Или наоборот:

Краткое содержание главы

Все HTML - элементы могут иметь атрибуты
HTML title атрибут предоставляет дополнительные "tool-tip" информацию
HTML href атрибут предоставляет информацию об адресах ссылок
В HTML width и height атрибуты обеспечивают информацию о размере для изображений
HTML alt атрибут предоставляет текст для чтения с экрана
В w3ii мы всегда используем lowercase HTML имена атрибутов
В w3ii мы всегда quote атрибуты в двойные кавычки

Проверьте себя с упражнениями!

Упражнение 1 » Упражнение 2» Упражнение 3 » Упражнение 4» Упражнение 5 »