Egyéni HTML attribútumok

Ez egy példa egy Markdown bekezdésre egyéni HTML-attribútumokkal: class , id és attribute='value' .

Elhelyezés

Ez egy Markdown bekezdés egy .LongFoo nevű egyéni class . Ezenkívül van egy #next-line nevű egyéni id attribútuma is, így közvetlenül hivatkozhat rá . Ezek az attribútumok a következő sorban vannak megadva.

Ez egy Markdown bekezdés egy .LongFoo nevű egyéni class . Ezenkívül rendelkezik egy #same-line nevű egyéni id attribútummal is, így közvetlenül hivatkozhat rá . Ezek az attribútumok ugyanabban a sorban vannak megadva.

Ez a Markdown bekezdés nem tartalmaz egyéni attribútumokat. Vannak egyéni attribútumok a következő bekezdésben, de ezek nem lesznek alkalmazva erre a bekezdésre, mert üres sor előzi meg őket. A következő bekezdésnek van egy .LongFoo nevű class . Rendelkezik egy #blank-line nevű egyéni id attribútummal is, de közvetlenül nem hivatkozik rá .

A kód átível

Ennek code span van egy .CSFoo nevű egyéni class , amely közvetlenül a záró backtick után következik szóköz nélkül.

Kódblokkok

A következő példa egy #mysample nevű egyéni id attribútuma egy kódblokkban, így közvetlenül hivatkozhat rá :

print('hello world')

Címsorok

Ha egyéni attribútumot szeretne alkalmazni egy címsorra (vagy bármely, a bekezdéstől eltérő elemre), helyezze az attribútumot a sor végére.

Címsor osztály attribútummal

Ennek a címsornak van egy .customClass nevű egyéni class , amely ugyanabban a sorban van megadva, mint a címsor.

Irány a megnevezett horgonnyal

Ennek a címsornak van egy #named-heading nevű egyéni id attribútuma, amely ugyanabban a sorban van megadva, mint a címsor, így közvetlenül hivatkozhat rá .

Ez egy példa egy title attribútummal rendelkező sorközi hivatkozásra . Az eszköztipp Most látsz engem jelenik meg, ha az egérmutatót a hivatkozás fölé viszi.

Ez egy példa egy másik soron belüli hivatkozásra , amely nem rendelkezik title attribútummal. Nem jelenik meg szöveg, amikor az egérmutatót a link fölé viszi.

Listák

A következő példa egy egyéni attribútumokat használó listára:

  • Ennek a listaelemnek van egy .ListFoo nevű egyéni class és egy #first-item nevű egyéni id attribútuma.
  • Ennek a listaelemnek van egy #second-item nevű egyéni id attribútuma.

Az egyes listaelemek egyéni id lehetővé teszi, hogy közvetlenül hivatkozzon az első listaelemre és a második listaelemre .

Táblázatok

Ennek a táblának van egy .TableFoo nevű egyéni class a fejlécsor végén.

Header1 Header2
Cell1 Cell2

Ennek a többsoros táblázatnak a fejlécesor végén van egy #multi-line nevű egyéni id attribútuma, így közvetlenül hivatkozhat a táblázatra .

A Header1 egy második sorban folytatódott A Header2 egy második sorban folytatódott
Az 1. cella a második vonalon folytatta A 2. cella egy második vonalon folytatta