Vlastné atribúty HTML

Toto je príklad odseku Markdown s vlastnými atribútmi HTML: class , id a attribute='value' .

Umiestnenie

Toto je odsek Markdown s vlastným atribútom class s názvom .LongFoo . Má tiež vlastný atribút id s názvom #next-line takže naň môžete priamo odkazovať . Tieto atribúty sú uvedené v nasledujúcom riadku.

Toto je odsek Markdown s vlastným atribútom class s názvom .LongFoo . Má tiež vlastný atribút id s názvom #same-line takže naň môžete priamo odkazovať . Tieto atribúty sú uvedené na rovnakom riadku.

Tento odsek Markdown neobsahuje vlastné atribúty. V nasledujúcom odseku sú špecifikované vlastné atribúty, ale nebudú použité na tento odsek, pretože pred nimi je prázdny riadok. Nasledujúci odsek má atribút class s názvom .LongFoo . Má tiež vlastný atribút id s názvom #blank-line , ale nebude naň priamo odkazovať .

Rozpätie kódu

Toto code span má vlastný atribút class s názvom .CSFoo , ktorý bezprostredne nasleduje za koncovým začiarknutím bez medzier medzi nimi.

Bloky kódu

Nasleduje príklad vlastného atribútu id s názvom #mysample v bloku kódu, aby ste naň mohli priamo odkazovať :

print('hello world')

Nadpisy

Ak chcete použiť vlastný atribút na nadpis (alebo akýkoľvek prvok iný ako odsek), umiestnite atribút na koniec riadku.

Nadpis s atribútom triedy

Tento nadpis má vlastný atribút class s názvom .customClass , ktorý je uvedený v rovnakom riadku ako nadpis.

Smer s pomenovanou kotvou

Tento nadpis má vlastný atribút id s názvom #named-heading , ktorý je tiež špecifikovaný v rovnakom riadku ako nadpis, takže naň môžete priamo odkazovať .

Odkazy

Toto je príklad vloženého odkazu s atribútom title . Po umiestnení kurzora myši na odkaz sa zobrazí popis Teraz ma vidíš .

Toto je príklad iného vloženého odkazu , ktorý nemá atribút title . Po umiestnení kurzora myši na odkaz sa nezobrazí žiadny text.

zoznamy

Nasleduje príklad zoznamu, ktorý používa vlastné atribúty:

• Táto položka zoznamu má vlastný atribút class s názvom .ListFoo a vlastný atribút id s názvom #first-item .
• Táto položka zoznamu má vlastný atribút id s názvom #second-item .

Vlastné id pre každú položku zoznamu vám umožňuje priamo prepojiť prvú položku zoznamu a druhú položku zoznamu .

Tabuľky

Táto tabuľka má vlastný atribút class s názvom .TableFoo na konci riadku hlavičky.

Táto viacriadková tabuľka má na konci riadku hlavičky vlastný atribút id s názvom #multi-line takže môžete priamo odkazovať na tabuľku .