Краткий курс HTML 5
5. Глобальные атрибуты
Глобальные атрибуты поддерживаются большинством тегов, откуда и получили свое название. С помощью атрибута id
можно присвоить элементу уникальный идентификатор. Это позволит обращаться к нему из подключенных к документу скриптов, а также задавать правила отображения этого элемента в таблицах стилей.
<h4 id="header">Этому элементу присвоен идентификатор header</h4>
Похожее назначение у атрибута class
, с тем отличием, что один и тот же класс может быть присвоен нескольким элементам в документе. Кроме того, одному элементу можно присвоить несколько классов, указав их в значении атрибута через пробел.
<p id="first" class="mytext">Элемент класса mytext с идентификатором first</p>
<p class="mytext more">Элемент классов mytext и more</p>
Практическое применение этих атрибутов активно начинается после знакомства с таблицами стилей CSS и/или каким-либо скриптовым языком (например, JavaScript). До тех пор в рамках HTML-документа может пригодится только атрибут id
, да и то в специфических случаях, рассматриваемых в соответствующих главах. Еще одним атрибутом, применяемым совместно с CSS является style
. В его значении можно напрямую указать CSS-инструкции для отображения элемента.
<hr style="height:4px;" />
А вот атрибут title
вы можете применять уже сейчас. Указав в его значении текстовую строку, вы, таким образом, определите элементу всплывающую подсказку, которая будет появляться через некоторое время после наведения на него мыши.
С помощью атрибута dir
можно переопределить для элемента направление отображения его содержимого. Значение «ltr
» приведет к выводу слева направо, а «rtl
» — справа налево. В Unicode уже определено направление по умолчанию для каждого из символов («ltr
» для кириллицы, «rtl
» для арабской вязи и т. д.), поэтому атрибут dir
применяется лишь при комбинированном использовании разнонаправленных языков. Например, для вставки в русский текст цитаты на иврите.
В атрибуте lang
можно указать двухбуквенный код языка (стандарт ISO 639-1) содержимого элемента. Его стоит применять только для содержимого на языке, отличном от основного языка документа, который, в свою очередь, можно указать в атрибуте lang
корневого элемента <html>
.
<html lang="ru">
...
<p>Текст на русском языке</p>
<p lang="en">Some text in english</p>
</html>