Manuale di riferimento HTML

Completo delle etichette HTML

HTML: attributo download <a>

Esempio di utilizzo dell'attributo download <a>, dimostrazione online su come utilizzare l'attributo download <a>, compatibilità del browser, definizione della sintassi e dettagli delle proprietà dell'attributo.

HTML <a> etichetta

Esempi online

Scaricare il file quando si fa clic sul collegamento (invece di navigare al file):

Esempio

<!doctype html>
<html>
<head>
<title>html: utilizzo dell'attributo download <a> - Tutorial di base (oldtoolbag.com)</title>
</head>
<body>
<p>Clicca sul logo di w3codebox per scaricare l'immagine</p>
<a href="/static/images/logo.png" download>
　　<img src="/static/images/logo.png" alt="oldtoolbag.com" width="150" height="50">
</a>
</body>
</html>

Testa a vedere ‹/›

Attenzione: la versione 12 di Edge, IE, Safari 10 (o versioni precedenti) o la versione 12 di Opera (o versioni precedenti) non supportano l'attributo download.

Compatibilità del browser

I numeri nella tabella rappresentano la versione del browser che supporta il primo l'attributo.

Elemento
download	14.0	13.0	20.0	10.1	15.0

Definizione e uso

L'attributo download specifica che il target verrà scaricato quando l'utente fa clic sul collegamento.
Questo attributo viene utilizzato solo quando è stato impostato l'attributo href.
Il valore di questo attributo sarà il nome del file del download. Non ci sono limiti sui valori consentiti, il browser controllerà automaticamente l'estensione corretta del file e la aggiungerà al file (.img, .pdf, .txt, .html, ecc.).
Se il valore viene omesso, viene utilizzato il nome del file originale.

Differenze tra HTML 4.01 e HTML5

L'attributo download è una nuova proprietà del tag <a> introdotta in HTML5.

Sintassi

　　　　 <a download="filename">

Valore dell'attributo

Valore	Descrizione
filename	Specificare il nome del file.

Più esempi

Specificare un valore per l'attributo di download, che sarà il nuovo nome del file del download ("w3codeboxlogo.png" invece di "views.png"):

Esempio

<!doctype html>
<html>
<head>
<title>html: utilizzo dell'attributo download <a> - Tutorial di base (oldtoolbag.com)</title>
</head>
<body>
<a href="/static/images/logo.png" download="w3codeboxlogo">
　　<img src="/run/html/views.png" alt="Views" width="300" height="200">
</a>
<p>Notare che il nome del file scaricato sarà salvato come “　w3codeboxlogo.jpg”，non come “　views.png”.</p>
</body>
</html>

Testa a vedere ‹/›

HTML <a> etichetta

HTML: <template> etichetta