Спеціальні атрибути 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 у ​​кінці рядка заголовка, тому ви можете посилатися на таблицю безпосередньо .