En este artículo, aprenderemos cómo definir que un hipervínculo conducirá a una descarga en lugar de navegar hacia él cuando se haga clic en HTML5. Esto se puede usar en los casos en que se necesita descargar contenido cuando se hace clic en el enlace, como un archivo de texto o un servicio de alojamiento de imágenes.
Acercarse:
El elemento <a> tiene una descarga de atributo que se usa para especificar si el hipervínculo se usaría para descargar el recurso vinculado, es decir, el valor especificado con el atributo href en lugar de navegar hacia él. Tiene un valor opcional que se puede usar para especificar el nombre del archivo que se descargaría. Si no se utiliza este valor, en su lugar se utilizará el nombre de archivo original.
Sintaxis:
<a href="file_to_download.jpg" download="filename">
Los siguientes ejemplos ilustran el atributo de descarga para especificar el destino que se descargaría.
Ejemplo:
HTML
<html> <body> <h1 style="color: green;"> GeeksforGeeks </h1> <h3> How to define that a hyperlink will lead to a download instead of navigating to it when clicked in HTML5? </h3> <p> The below links demonstrate the different links from which the text file may be viewed or downloaded. </p> <a href="example.txt"> View Link </a><br> <a href="example.txt" download> Download Link </a><br> <a href="example.txt" download="geeks"> Download Link with custom name </a> <p>The below links demonstrate the different links from which the image file may be viewed or downloaded. </p> <a href="logo.png"> View Link </a><br> <a href="logo.png" download> Download Link </a><br> <a href="logo.png" download="gfglogo"> Download Link with custom name </a> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA