在h5之前,均使用<a href=”非html的文件名,尽量使用压缩文件,如:test.rar或test.doc等”>即可提供下载。
如下代码示例:
<!DOCTYPE html>
<html>
<head>
<title>链接各种类型文件</title>
</head>
<body>
<p><a href=”a.html”> 链接html文件 </a></p>
<p><a href=”images\xiyatu.jpg”>链接图片</a></p>
<p><a href=”2.doc”>下载word文档</a></p>
</body>
</html>
而h5的<a>标签提供了一个新属性download,若使用这个属性,可将href与download属性值设置为一致即可,属性值同上。如:
<!DOCTYPE html>
<html>
<head>
<title>链接各种类型文件</title>
</head>
<body>
<p><a href=”a.html”> 链接html文件 </a></p>
<p><a href=”images\xiyatu.jpg”>链接图片</a></p>
<p><a href=”2.doc” download=”2.doc”>下载word文档</a></p>
</body>
</html>
上面两个示例代码,均需要注意与本html文件同一文件夹中必须有2.doc这个文件,否则请使用相对路径找到2.doc。