Brugerdefinerede HTML-attributter

Dette er et eksempel på et Markdown-afsnit med tilpassede HTML-attributter: class , id og attribute='value' .

Placering

Dette er et Markdown-afsnit med en brugerdefineret class kaldet .LongFoo . Den har også en brugerdefineret id attribut ved navn #next-line så du kan linke direkte til den . Disse attributter er angivet på næste linje.

Dette er et Markdown-afsnit med en brugerdefineret class kaldet .LongFoo . Den har også en brugerdefineret id attribut ved navn #same-line , så du kan linke direkte til den . Disse attributter er angivet på samme linje.

Dette Markdown-afsnit indeholder ikke brugerdefinerede attributter. Der er tilpassede attributter specificeret i det følgende afsnit, men de vil ikke blive anvendt på dette afsnit, fordi de er indledt med en tom linje. Det følgende afsnit har en class ved navn .LongFoo . Den har også en brugerdefineret id attribut ved navn #blank-line , men den vil ikke linke direkte til den .

Kodespænder

Dette code span har en brugerdefineret class ved navn .CSFoo , der umiddelbart følger det afsluttende backtick uden et mellemrum imellem.

Kodeblokke

Følgende er et eksempel på en brugerdefineret id attribut ved navn #mysample i en kodeblok, så du kan linke direkte til den :

print('hello world')

Overskrifter

For at anvende en tilpasset attribut til en overskrift (eller ethvert andet element end et afsnit), skal du placere attributten i slutningen af ​​linjen.

Overskrift med klasseattribut

Denne overskrift har en tilpasset class ved navn .customClass , der er angivet på samme linje som overskriften.

Kurs med navngivet anker

Denne overskrift har en brugerdefineret id attribut ved navn #named-heading , der også er angivet på samme linje som overskriften, så du kan linke direkte til den .

Dette er et eksempel på et inline-link med en title attribut. Værktøjstippet Nu ser du mig vises, når du holder markøren over linket.

Dette er et eksempel på et andet inline-link , der ikke har en title attribut. Der vises ingen tekst, når du holder markøren over linket.

Lister

Følgende er et eksempel på en liste, der bruger tilpassede attributter:

  • Dette listeelement har en tilpasset class ved navn .ListFoo og en tilpasset id attribut ved navn #first-item .
  • Dette listeelement har en tilpasset id attribut med navnet #second-item .

Det brugerdefinerede id for hvert listeelement lader dig linke til det første listeelement og det andet listeelement direkte.

Tabeller

Denne tabel har en brugerdefineret class kaldet .TableFoo i slutningen af ​​overskriftsrækken.

Overskrift 1 Overskrift 2
Celle 1 Celle 2

Denne multi-line tabel har en brugerdefineret id attribut ved navn #multi-line i slutningen af ​​overskriftsrækken, så du kan linke direkte til tabellen .

Header1 fortsatte på en anden linje Header2 fortsatte på en anden linje
Celle1 fortsatte på en anden linje Celle2 fortsatte på en anden linje