Niestandardowe atrybuty HTML

Oto przykład akapitu Markdown z niestandardowymi atrybutami HTML: class, id i attribute='value'.

Miejsce docelowe

To jest akapit akapitu Markdown z niestandardowym atrybutem class o nazwie .LongFoo. Ma też niestandardowy atrybut id o nazwie #next-line, który umożliwia połączenie z nim bezpośrednio. Te atrybuty zostały określone w następnym wierszu.

To jest akapit akapitu Markdown z niestandardowym atrybutem class o nazwie .LongFoo. Ma też niestandardowy atrybut id o nazwie #same-line, który umożliwia połączenie z nim bezpośrednio. Te atrybuty podano w jednym wierszu.

Ten akapit Markdown nie zawiera atrybutów niestandardowych. W poniższym akapicie znajdują się atrybuty niestandardowe, ale nie będą one stosowane do tego akapitu, ponieważ są poprzedzone pustym wierszem. Poniższy akapit zawiera atrybut class o nazwie .LongFoo. Zawiera też niestandardowy atrybut id o nazwie #blank-line, ale nie jest on bezpośrednio powiązany z tym atrybutem.

Rozpiętości kodu

Ten nagłówek code span ma niestandardowy atrybut class o nazwie .CSFoo, który jest widoczny bezpośrednio po zamykającym tagu odstępu między nimi.

bloki kodu,

Poniżej znajdziesz przykład atrybutu niestandardowego id o nazwie #mysample w bloku kodu, aby połączyć go bezpośrednio:

print('hello world')

Nagłówki

Aby zastosować atrybut niestandardowy do nagłówka (lub dowolnego innego elementu niż akapit), umieść go na końcu wiersza.

Nagłówek z atrybutem klasy

Ten nagłówek ma niestandardowy atrybut class o nazwie .customClass, który jest określony w tym samym wierszu co nagłówek.

Nagłówek z nazwaną kotwicą

Ten nagłówek zawiera niestandardowy atrybut id o nazwie #named-heading, który jest również określony w tym samym wierszu co nagłówek, dzięki czemu możesz połączyć go bezpośrednio.

Linki

Jest to przykład wbudowanego linku z atrybutem title. Gdy najedziesz kursorem na link, pojawi się etykietka Teraz mnie widzisz.

Oto przykład innego linku wbudowanego, który nie ma atrybutu title. Po najechaniu kursorem na link nie pojawi się żaden tekst.

Listy

Poniżej znajdziesz przykład listy wykorzystującej atrybuty niestandardowe:

• Ten element listy ma niestandardowy atrybut class o nazwie .ListFoo i niestandardowy atrybut id o nazwie #first-item.
• Ten element listy ma niestandardowy atrybut id o nazwie #second-item.

Niestandardowy id każdego elementu listy pozwala utworzyć bezpośredni link do pierwszego elementu listy i drugiego elementu listy.

Tabele

Ta tabela ma niestandardowy atrybut class o nazwie .TableFoo na końcu wiersza nagłówka.

Nagłówek 1	Nagłówek 2
Komórka 1	Komórka 2

Ta tabela wielowierszowa ma na końcu wiersza nagłówka niestandardowy atrybut id o nazwie #multi-line, by umożliwić bezpośrednie połączenie z tabelą.

Nagłówek 1 ciąg 2. wiersza	Nagłówek 2 kontynuowany w drugim wierszu
Cyfra 1 kontynuowana w drugim wierszu	Cyfra 2 kontynuowana w drugim wierszu