2016-06-26 13:11:52 +00:00
---
contributors:
- ["Dan Turkel", "http://danturkel.com/"]
2017-10-08 10:08:30 +00:00
- ["Jacob Ward", "http://github.com/JacobCWard/"]
2016-06-26 13:11:52 +00:00
translators:
- ["Jacopo Andrea Giola", "http://geekpanda.net"]
2017-10-08 10:08:30 +00:00
- ["Ale46", "https://github.com/Ale46"]
2016-06-26 13:12:36 +00:00
filename: markdown-it.md
2016-06-26 13:11:52 +00:00
---
Markdown è stato creato da John Gruber nel 2004. Il suo scopo è quello di essere una sintassi facile da leggere e scrivere, e che può essere convertita in HTML (ad oggi anche in molti altri formati).
2017-10-08 10:08:30 +00:00
Markdown varia nelle sue implementazioni da un parser all'altro. Questa guida cercherà di chiarire quali caratteristiche esistono a livello globale o quando sono disponibili solo per un determinato parser.
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
## Elementi HTML
Markdown è un superset di HTML, quindi ogni file HTML è a sua volta un file Markdown valido.
2016-06-26 13:11:52 +00:00
2018-08-15 12:07:50 +00:00
```md
2017-10-08 10:18:09 +00:00
<!-- Questo significa che possiamo usare elementi di HTML in Markdown, come per esempio i commenti,
2024-04-20 07:52:15 +00:00
e questi non saranno modificati dal parser di Markdown. State attenti però,
se inserite un elemento HTML nel vostro file Markdown, non potrete usare la sua sintassi
2017-10-08 10:18:09 +00:00
all'interno del contenuto dell'elemento. -->
2017-10-08 10:08:30 +00:00
```
## Titoli
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
Potete creare gli elementi HTML da `<h1>` a `<h6>` facilmente, basta che inseriate un egual numero di caratteri cancelletto (#) prima del testo che volete all'interno dell'elemento
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
# Questo è un <h1>
## Questo è un <h2>
### Questo è un <h3>
#### Questo è un <h4>
##### Questo è un <h5>
###### Questo è un <h6>
2017-10-08 10:08:30 +00:00
```
2024-04-20 07:52:15 +00:00
2017-10-08 10:08:30 +00:00
Markdown inoltre fornisce due alternative per indicare gli elementi h1 e h2
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
Questo è un h1
==============
Questo è un h2
--------------
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
## Stili di testo semplici
Il testo può essere stilizzato in corsivo o grassetto usando markdown
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
*Questo testo è in corsivo.*
_Come pure questo._
**Questo testo è in grassetto.**
__Come pure questo.__
***Questo testo è stilizzato in entrabmi i modi.***
**_Come questo!_**
*__E questo!__*
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2024-04-04 11:06:33 +00:00
In GitHub Flavored Markdown, che è utilizzato per renderizzare i file markdown su GitHub, è presente anche lo stile barrato:
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
~~Questo testo è barrato.~~
2017-10-08 10:08:30 +00:00
```
2024-04-20 07:52:15 +00:00
2017-10-08 10:08:30 +00:00
## Paragrafi
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2017-10-08 10:08:30 +00:00
I paragrafi sono una o più linee di testo adiacenti separate da una o più righe vuote.
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
Questo è un paragrafo. Sto scrivendo in un paragrafo, non è divertente?
2016-06-26 13:11:52 +00:00
Ora sono nel paragrafo 2.
Anche questa linea è nel paragrafo 2!
Qui siamo nel paragrafo 3!
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
Se volete inserire l'elemento HTML `<br />` , potete terminare la linea con due o più spazi e poi iniziare un nuovo paragrafo.
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
Questa frase finisce con due spazi (evidenziatemi per vederli).
C'è un < br / > sopra di me!
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
Le citazioni sono semplici da inserire, basta usare il carattere >.
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
> Questa è una citazione. Potete
> mandare a capo manualmente le linee e inserire un `>` prima di ognuna, oppure potete usare una sola linea e lasciare che vada a capo automaticamente.
> Non c'è alcuna differenza, basta che iniziate ogni riga con `>`.
> Potete utilizzare anche più di un livello
>> di indentazione!
> Quanto è comodo?
2017-10-08 10:08:30 +00:00
```
## Liste
Le liste non ordinate possono essere inserite usando gli asterischi, il simbolo più o dei trattini
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
* Oggetto
* Oggetto
* Altro oggetto
oppure
+ Oggetto
+ Oggetto
+ Un altro oggetto
oppure
- Oggetto
- Oggetto
- Un ultimo oggetto
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
Le liste ordinate invece, sono inserite con un numero seguito da un punto.
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
1. Primo oggetto
2. Secondo oggetto
3. Terzo oggetto
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
Non dovete nemmeno mettere i numeri nell'ordine giusto, markdown li visualizzerà comunque nell'ordine corretto, anche se potrebbe non essere una buona idea.
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
1. Primo oggetto
1. Secondo oggetto
1. Terzo oggetto
2017-10-08 10:08:30 +00:00
```
2024-04-20 07:52:15 +00:00
2017-10-08 10:08:30 +00:00
(Questa lista verrà visualizzata esattamente come quella dell'esempio prima)
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
Potete inserire anche sotto liste
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
1. Primo oggetto
2. Secondo oggetto
3. Terzo oggetto
* Sotto-oggetto
* Sotto-oggetto
4. Quarto oggetto
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
Sono presenti anche le task list. In questo modo è possibile creare checkbox in HTML.
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
I box senza la 'x' sono checkbox HTML ancora da completare.
- [ ] Primo task da completare.
- [ ] Secondo task che deve essere completato.
Il box subito sotto è una checkbox HTML spuntata.
- [x] Questo task è stato completato.
2017-10-08 10:08:30 +00:00
```
2024-04-20 07:52:15 +00:00
2017-10-08 10:08:30 +00:00
## Estratti di codice
2016-06-26 13:11:52 +00:00
2017-10-08 10:14:02 +00:00
Potete inserire un estratto di codice (che utilizza l'elemento `<code>` ) indentando una linea con quattro spazi oppure con un carattere tab.
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
Questa è una linea di codice
Come questa
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
Potete inoltre inserire un altro tab (o altri quattro spazi) per indentare il vostro codice
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
my_array.each do |item|
2024-04-03 10:53:28 +00:00
puts item
2016-06-26 13:11:52 +00:00
end
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
Codice inline può essere inserito usando il carattere backtick `
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
Giovanni non sapeva neppure a cosa servisse la funzione `go_to()` !
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2024-04-04 11:06:33 +00:00
In GitHub Flavored Markdown, potete inoltre usare una sintassi speciale per il codice
2024-04-03 10:53:28 +00:00
````md
```ruby
2016-06-26 13:11:52 +00:00
def foobar
2024-04-03 10:53:28 +00:00
puts "Hello world!"
2016-06-26 13:11:52 +00:00
end
2024-04-03 10:53:28 +00:00
```
````
2024-07-06 10:55:17 +00:00
Se usate questa sintassi, il testo non richiederà di essere indentato, inoltre GitHub userà l'evidenziazione della sintassi del linguaggio specificato dopo i < code > ```< / code > iniziali
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
## Linea orizzontale
2024-04-20 07:52:15 +00:00
Le linee orizzontali (`< hr / > `) sono inserite facilmente usanto tre o più asterischi o trattini, con o senza spazi.
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
***
---
- - -
****************
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
## Links
Una delle funzionalità migliori di markdown è la facilità con cui si possono inserire i link. Mettete il testo da visualizzare fra parentesi quadre [] seguite dall'url messo fra parentesi tonde ()
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
[Cliccami! ](http://test.com/ )
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
Potete inoltre aggiungere al link un titolo mettendolo fra doppi apici dopo il link
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
[Cliccami! ](http://test.com/ "Link a Test.com" )
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
La sintassi funziona anche con i path relativi.
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
[Vai a musica ](/music/ ).
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
Markdown supporta inoltre anche la possibilità di aggiungere i link facendo riferimento ad altri punti del testo.
2024-04-20 07:52:15 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
[Apri questo link][link1] per più informazioni!
[Guarda anche questo link][foobar] se ti va.
[link1]: http://test.com/ "Bello!"
[foobar]: http://foobar.biz/ "Va bene!"
2017-10-08 10:08:30 +00:00
```
2024-04-20 07:52:15 +00:00
2017-10-08 10:08:30 +00:00
l titolo può anche essere inserito in apici singoli o in parentesi, oppure omesso interamente. Il riferimento può essere inserito in un punto qualsiasi del vostro documento e l'identificativo del riferimento può essere lungo a piacere a patto che sia univoco.
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
Esiste anche un "identificativo implicito" che vi permette di usare il testo del link come id.
2024-04-20 07:52:15 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
[Questo][] è un link.
[Questo]: http://thisisalink.com/
2017-10-08 10:08:30 +00:00
```
2024-04-20 07:52:15 +00:00
2017-10-08 10:08:30 +00:00
Ma non è comunemente usato.
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
## Immagini
2024-04-20 07:52:15 +00:00
2017-10-08 10:08:30 +00:00
Le immagini sono inserite come i link ma con un punto esclamativo inserito prima delle parentesi quadre!
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2023-05-26 09:55:56 +00:00
![Questo è il testo alternativo per l'immagine ](http://imgur.com/myimage.jpg "Il titolo opzionale" )
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
E la modalità a riferimento funziona esattamente come ci si aspetta
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
![Questo è il testo alternativo.][myimage]
[myimage]: relative/urls/cool/image.jpg "Se vi serve un titolo, lo mettete qui"
2017-10-08 10:08:30 +00:00
```
2024-04-20 07:52:15 +00:00
## Miscellanea
2017-10-08 10:08:30 +00:00
### Auto link
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
< http: / / testwebsite . com / > è equivalente ad
[http://testwebsite.com/ ](http://testwebsite.com/ )
2017-10-08 10:08:30 +00:00
```
2024-04-20 07:52:15 +00:00
2017-10-08 10:08:30 +00:00
### Auto link per le email
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
< foo @ bar . com >
2017-10-08 10:08:30 +00:00
```
2024-04-20 07:52:15 +00:00
2017-10-08 10:08:30 +00:00
### Caratteri di escaping
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
Voglio inserire *questo testo circondato da asterischi* ma non voglio che venga renderizzato in corsivo, quindi lo inserirò così: \*questo testo è circondato da asterischi\*.
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
### Combinazioni di tasti
2024-04-20 07:52:15 +00:00
2024-04-04 11:06:33 +00:00
In GitHub Flavored Markdown, potete utilizzare il tag `<kbd>` per raffigurare i tasti della tastiera.
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
Il tuo computer è crashato? Prova a premere
< kbd > Ctrl< / kbd > +< kbd > Alt< / kbd > +< kbd > Canc< / kbd >
2017-10-08 10:08:30 +00:00
```
2016-06-26 13:11:52 +00:00
2017-10-08 10:08:30 +00:00
### Tabelle
2024-04-20 07:52:15 +00:00
2024-04-04 11:06:33 +00:00
Le tabelle sono disponibili solo in GitHub Flavored Markdown e sono leggeremente complesse, ma se proprio volete inserirle fate come segue:
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
| Col1 | Col2 | Col3 |
| :------------------- | :------: | -----------------: |
| Allineato a sinistra | Centrato | Allineato a destra |
| blah | blah | blah |
2017-10-08 10:08:30 +00:00
```
2024-04-20 07:52:15 +00:00
2017-10-08 10:08:30 +00:00
oppure, per lo stesso risultato
2016-06-26 13:11:52 +00:00
2018-08-25 02:44:16 +00:00
```md
2016-06-26 13:11:52 +00:00
Col 1 | Col2 | Col3
:-- | :-: | --:
È una cosa orrenda | fatela | finire in fretta
```
2017-10-08 10:08:30 +00:00
---
2023-05-26 09:55:56 +00:00
Per altre informazioni, leggete il post ufficiale di John Gruber sulla sintassi [qui ](https://daringfireball.net/projects/markdown/syntax ) e il magnifico cheatsheet di Adam Pritchard [qui ](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet ).