不使用JavaScript时，HTML的download属性能否实现多文件下载？

核心结论 #

仅依靠单个<a>标签的download属性无法实现多文件同时下载的需求，href属性仅支持指向单个资源地址，拼接多个URL的写法不符合HTML规范，因此无法生效。

无JavaScript前提下的可行方案 #

针对你Magento 1.7的使用场景，优先推荐以下两种纯HTML实现方案：

• 方案1：服务端打包为压缩包
  将需要下载的多个文件提前在服务端打包为ZIP格式的压缩包，前端单个<a>标签直接指向该压缩包地址即可，用户点击后仅需下载一次压缩包，解压后即可获得全部文件。该方案是纯HTML场景下体验最优的批量下载方案，示例代码如下：

<a href="替换为你的打包ZIP文件访问地址" download>
  <button style="background-color:#ED1C24;color:white">批量下载图片</button>
</a>

• 方案2：多下载入口并列展示
  如果不想做服务端打包，可以在页面放置多个独立的<a>标签对应不同下载资源，引导用户分别点击下载，你可以将这些下载入口排列在同一区域降低用户操作成本，示例代码如下：

<div class="download-group">
  <a href="https://cdn.sstatic.net/Img/teams/teams-illo-free-sidebar-promo.svg?v=47faa659a05e" download>
    <button style="background-color:#ED1C24;color:white;margin:0 5px 5px 0;">下载图片1</button>
  </a>
  <a href="https://dco-assets.everestads.net/iCornerStore/source-images/MICROSOFTSTORE/current/cc1b5d10e9ab7ea9c03e62e1cc6172b6.png" download>
    <button style="background-color:#ED1C24;color:white;">下载图片2</button>
  </a>
</div>

补充说明 #

如果后续场景允许引入JavaScript，可通过JS动态创建多个<a>标签并模拟点击的方式实现单次点击批量下载，但纯HTML场景下目前没有比服务端打包更优的批量下载实现方式。

内容的提问来源于stack exchange，提问作者David Holly