Ecco un esempio di paragrafo Markdown con attributi HTML personalizzati:
class, id e attribute='value'.
Posizionamento
Questo è un paragrafo Markdown con un attributo class personalizzato denominato .LongFoo.
Ha anche un attributo id personalizzato denominato #next-line in modo che tu possa indirizzarti direttamente. Questi attributi sono specificati
nella riga successiva.
Questo è un paragrafo Markdown con un attributo class personalizzato denominato .LongFoo.
Ha anche un attributo id personalizzato denominato #same-line in modo che tu possa indirizzarti direttamente. Questi attributi sono specificati sulla stessa
riga.
Questo paragrafo di Markdown non contiene attributi personalizzati. Nel paragrafo seguente sono specificati attributi personalizzati, ma non vengono applicati a questo paragrafo perché sono preceduti da una riga vuota. Il
seguente paragrafo ha un attributo class denominato .LongFoo. Ha anche un
attributo id personalizzato denominato #blank-line, ma non
è collegato direttamente ad esso.
Intervalli di codice
Questo code span ha un attributo class personalizzato denominato .CSFoo che segue immediatamente il backtick di chiusura senza inserire uno spazio.
Blocchi di codice
Di seguito è riportato un esempio di un attributo id personalizzato denominato #mysample in un
blocco di codice in modo da potervi collegare direttamente:
print('hello world')
Intestazioni
Per applicare un attributo personalizzato a un'intestazione (o a qualsiasi elemento diverso da un paragrafo), posiziona l'attributo alla fine della riga.
Intestazione con attributo di classe
Questa intestazione ha un attributo class personalizzato denominato .customClass,
specificato nella stessa riga dell'intestazione.
Intestazione con ancoraggio denominato
Questa intestazione ha un attributo id personalizzato denominato #named-heading,
specificato anche nella stessa riga dell'intestazione, in modo che tu possa
collegarti direttamente.
Link
Questo è un
esempio di link incorporato
con un attributo title. Quando passi il mouse sopra il link, viene visualizzata la descrizione comando Now you see me.
Questo è un esempio di altro link incorporato che non ha un attributo title. Non viene visualizzato alcun testo quando passi il mouse sopra il link.
Elenchi
Di seguito è riportato un esempio di elenco che utilizza attributi personalizzati:
- Questo elemento dell'elenco ha un attributo
classpersonalizzato denominato.ListFooe un attributoidpersonalizzato denominato#first-item. - Questo elemento dell'elenco ha un attributo
idpersonalizzato denominato#second-item.
La id personalizzata per ogni elemento dell'elenco ti consente di collegare direttamente il
primo elemento dell'elenco e il secondo elemento.
Tabelle
Questa tabella ha un attributo class personalizzato denominato .TableFoo alla fine della
riga dell'intestazione.
| Intestazione 1 | Intestazione 2 |
|---|---|
| Cella1 | Cella2 |
Questa tabella multilinea ha un attributo id personalizzato denominato #multi-line alla fine
della riga di intestazione, in modo che tu possa collegarti direttamente.
| Intestazione 1 continua su una seconda riga | Intestazione 2 continua su una seconda riga |
|---|---|
| Cell1 continua su una seconda riga | Cell2 continua su una seconda riga |