Vlastní atributy HTML

Toto je příklad odstavce Markdown s vlastními atributy HTML: class , id a attribute='value' .

Umístění

Toto je odstavec Markdown s vlastním atributem class s názvem .LongFoo . Má také vlastní atribut id s názvem #next-line , takže na něj můžete přímo odkazovat . Tyto atributy jsou uvedeny na dalším řádku.

Toto je odstavec Markdown s vlastním atributem class s názvem .LongFoo . Má také vlastní atribut id s názvem #same-line , takže na něj můžete přímo odkazovat . Tyto atributy jsou uvedeny na stejném řádku.

Tento odstavec Markdown neobsahuje vlastní atributy. V následujícím odstavci jsou uvedeny vlastní atributy, ale nebudou použity na tento odstavec, protože jim předchází prázdný řádek. Následující odstavec má atribut class s názvem .LongFoo . Má také vlastní atribut id s názvem #blank-line , ale nebude na něj přímo odkazovat .

Kód se rozkládá

Tento code span má vlastní atribut class s názvem .CSFoo , který bezprostředně následuje za koncovým zpětným zaškrtnutím bez mezery mezi nimi.

Bloky kódu

Níže je uveden příklad vlastního atributu id s názvem #mysample v bloku kódu, takže na něj můžete přímo odkazovat :

print('hello world')

Nadpisy

Chcete-li použít vlastní atribut na nadpis (nebo jakýkoli prvek jiný než odstavec), umístěte atribut na konec řádku.

Nadpis s atributem třídy

Tento nadpis má atribut vlastní class s názvem .customClass , který je uveden na stejném řádku jako nadpis.

Směr s pojmenovanou kotvou

Tento nadpis má vlastní atribut id s názvem #named-heading , který je také uveden na stejném řádku jako nadpis, takže na něj můžete přímo odkazovat .

Odkazy

Toto je příklad vloženého odkazu s atributem title . Nápověda Nyní mě vidíte, když umístíte ukazatel myši na odkaz.

Toto je příklad jiného vloženého odkazu , který nemá atribut title . Když na odkaz umístíte ukazatel myši, nezobrazí se žádný text.

Seznamy

Následuje příklad seznamu, který používá vlastní atributy:

• Tato položka seznamu má vlastní atribut class s názvem .ListFoo a vlastní atribut id s názvem #first-item .
• Tato položka seznamu má vlastní atribut id s názvem #second-item .

Vlastní id pro každou položku seznamu vám umožňuje přímo se připojit k první a druhé položce seznamu .

Tabulky

Tato tabulka má na konci řádku záhlaví vlastní atribut class s názvem .TableFoo .

Tato víceřádková tabulka má na konci řádku záhlaví vlastní atribut id s názvem #multi-line takže můžete přímo odkazovat na tabulku .