Персонализирани 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 в края на заглавния ред, така че можете да се свържете директно към таблицата .