Вверх A A A
Декабрь 2018
Нед Пн Вт Ср Чт Пт Сб Вс
48
1
2
49
3
4
5
6
7
8
9
50
10
11
12
13
14
15
16
51
17
18
19
20
21
22
23
52
24
25
26
27
28
29
30
53
31

Глобальные атрибуты

Краткий курс HTML 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-инструкции для отображения элемента.

Глобальные атрибуты поддерживаются большинством тегов, откуда и получили свое название. С помощью атрибута 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>
    5 / 700


928

Эта статья находится в разделах:

Краткий курс HTML 5

Свернуть