Anpassade HTML-attribut

Det här är ett exempel på ett Markdown-stycke med anpassade HTML-attribut: class , id och attribute='value' .

Placering

Detta är ett Markdown-stycke med ett anpassat class som heter .LongFoo . Den har också ett anpassat id attribut som heter #next-line så att du kan länka direkt till det . Dessa attribut anges på nästa rad.

Detta är ett Markdown-stycke med ett anpassat class som heter .LongFoo . Den har också ett anpassat id attribut som heter #same-line så att du kan länka direkt till det . Dessa attribut anges på samma rad.

Detta Markdown-stycke innehåller inte anpassade attribut. Det finns anpassade attribut som anges i följande stycke, men de kommer inte att tillämpas på detta stycke eftersom de föregås av en tom rad. Följande stycke har ett class som heter .LongFoo . Den har också ett anpassat id attribut som heter #blank-line , men det länkar inte direkt till det .

Kodspännen

Detta code span har ett anpassat class som heter .CSFoo som omedelbart följer den avslutande backticken utan ett mellanslag däremellan.

Kodblock

Följande är ett exempel på ett anpassat id attribut med namnet #mysample i ett kodblock så att du kan länka direkt till det :

print('hello world')

Rubriker

Om du vill tillämpa ett anpassat attribut på en rubrik (eller något annat element än ett stycke), placerar du attributet i slutet av raden.

Rubrik med klassattribut

Den här rubriken har ett anpassat class som heter .customClass som anges på samma rad som rubriken.

Rubrik med namngivet ankare

Den här rubriken har ett anpassat id attribut som heter #named-heading som också anges på samma rad som rubriken så att du kan länka direkt till den .

Länkar

Detta är ett exempel på en inline-länk med ett title attribut. Verktygstipset Nu ser du mig visas när du håller muspekaren över länken.

Detta är ett exempel på en annan inlinelänk som inte har ett title attribut. Ingen text visas när du håller muspekaren över länken.

Listor

Följande är ett exempel på en lista som använder anpassade attribut:

• Det här listobjektet har ett anpassat class som heter .ListFoo och ett anpassat id attribut som heter #first-item .
• Det här listobjektet har ett anpassat id attribut som heter #second-item .

Det anpassade id för varje listobjekt låter dig länka till det första listobjektet och det andra listobjektet direkt.

Tabeller

Den här tabellen har ett anpassat class som heter .TableFoo i slutet av rubrikraden.

Den här flerradiga tabellen har ett anpassat id attribut som heter #multi-line i slutet av rubrikraden så att du kan länka till tabellen direkt .