Пользовательские атрибуты HTML

Это пример абзаца Markdown с настраиваемыми атрибутами HTML: class , id и attribute='value' .

Размещение

Это абзац Markdown с пользовательским атрибутом class с именем .LongFoo . Он также имеет собственный атрибут id с именем #next-line чтобы вы могли напрямую ссылаться на него . Эти атрибуты указаны в следующей строке.

Это абзац Markdown с пользовательским атрибутом class с именем .LongFoo . Он также имеет собственный атрибут id с именем #same-line , чтобы вы могли напрямую ссылаться на него . Эти атрибуты указываются в одной строке.

Этот абзац Markdown не содержит настраиваемых атрибутов. В следующем абзаце указаны настраиваемые атрибуты, но они не будут применены к этому абзацу, поскольку им предшествует пустая строка. В следующем абзаце есть атрибут class с именем .LongFoo . У него также есть собственный атрибут id с именем #blank-line , но он не будет ссылаться на него напрямую .

Диапазоны кода

В этом code span есть пользовательский атрибут class с именем .CSFoo , который следует сразу за закрывающим кавычком без пробела между ними.

Блоки кода

Ниже приведен пример пользовательского атрибута id с именем #mysample в блоке кода, чтобы вы могли напрямую ссылаться на него :

print('hello world')

Заголовки

Чтобы применить пользовательский атрибут к заголовку (или любому элементу, кроме абзаца), поместите атрибут в конец строки.

Заголовок с атрибутом класса

Этот заголовок имеет атрибут пользовательского class с именем .customClass , который указан в той же строке, что и заголовок.

Заголовок с именованным якорем

Этот заголовок имеет собственный атрибут id с именем #named-heading , который также указывается в той же строке, что и заголовок, поэтому вы можете напрямую ссылаться на него .

Ссылки

Это пример встроенной ссылки с атрибутом title . Подсказка «Теперь вы меня видите» появляется при наведении курсора на ссылку.

Это пример другой встроенной ссылки , у которой нет атрибута title . При наведении на ссылку текст не появляется.

Списки

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

• Этот элемент списка имеет пользовательский атрибут class с именем .ListFoo и пользовательский атрибут id с именем #first-item .
• Этот элемент списка имеет собственный атрибут id с именем #second-item .

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

Таблицы

Эта таблица имеет пользовательский атрибут class с именем .TableFoo в конце строки заголовка.

Эта многострочная таблица имеет специальный атрибут id с именем #multi-line в конце строки заголовка, поэтому вы можете напрямую ссылаться на таблицу .