如何阻止Chrome自动下载链接的MP3文件（仅用HTML/CSS）

直接用HTML的<audio>标签替代<a>标签就能搞定，这是跨浏览器播放音频的标准方案，Chrome、Firefox、Safari都会一致处理：

<audio controls src="https://www.allaboutbirds.org/guide/assets/sound/548271.mp3"></audio>

如果想要保留类似链接的触发样式，也可以给<audio>搭配隐藏控件，再用<a>触发播放，但这需要少量JS支持；你要求仅修改HTML的话，上面纯<audio>的方式最直接有效。

为什么原来的<a>标签在Chrome里会自动下载？因为Chrome对<a>指向的音频文件，默认行为倾向于触发下载而非内嵌播放，而<audio>是专门为网页音频播放设计的元素，浏览器会自动渲染播放控件并直接播放音频。

要是你非要用<a>标签，也可以试试添加target="_blank"属性，让链接在新标签页打开，Chrome大概率会在新标签页中播放而非下载，但这个行为不如<audio>稳定：

<a href="https://www.allaboutbirds.org/guide/assets/sound/548271.mp3" target="_blank">播放音频</a>

整体来看，优先推荐<audio>标签，这是最可靠的纯HTML解决方案。

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