首先得明确一点：HTML的<a>标签本身没有标准的charset属性，所以直接给<a>标签加charset="utf-8"是无效的，浏览器不会识别这个属性。不过有几种可靠的方式可以让浏览器用UTF-8编码打开你的russian.txt文件：

1. 服务器端设置HTTP响应头（推荐方案） #

这是最稳妥的方法，让服务器在返回russian.txt文件时，附带Content-Type: text/plain; charset=utf-8的响应头。不同服务器的设置方式略有不同：

• Apache：可以在网站根目录的.htaccess文件中添加一行：

  AddCharset UTF-8 .txt
  

• Nginx：在服务器配置或location块中添加：

  charset utf-8;
  types { text/plain txt; }
  

• PHP（如果是动态生成的TXT）：在输出文本前先设置响应头：

  header('Content-Type: text/plain; charset=utf-8');
  

2. 给TXT文件添加UTF-8 BOM #

如果没法修改服务器配置，可以在保存russian.txt的时候，选择带BOM的UTF-8格式。大多数文本编辑器（比如Notepad++、Sublime Text）都支持这个选项：打开文件后，选择编码为「UTF-8 with BOM」再保存。浏览器看到文件开头的BOM标记，就会自动用UTF-8编码解析内容。

3. 用JavaScript动态处理（可选） #

如果以上两种方法都无法实现，可以通过JS拦截链接点击，先获取文本内容，再生成一个UTF-8编码的下载链接。示例代码如下：

<span lang="en-us">
  <a href="#" onclick="downloadUTF8Txt()">txt</a> - 
</span>

<script>
function downloadUTF8Txt() {
  // 发起请求获取TXT内容
  fetch('russian.txt')
    .then(response => response.text())
    .then(text => {
      // 创建UTF-8编码的Blob对象
      const blob = new Blob([text], { type: 'text/plain;charset=utf-8' });
      const downloadUrl = URL.createObjectURL(blob);
      // 创建临时链接并触发下载
      const tempLink = document.createElement('a');
      tempLink.href = downloadUrl;
      tempLink.download = 'russian.txt';
      tempLink.click();
      // 释放URL资源
      URL.revokeObjectURL(downloadUrl);
    });
  // 阻止默认跳转行为
  return false;
}
</script>

总结一下：直接给<a>加charset属性是行不通的，优先用服务器响应头或者BOM的方式，这两种是最直接有效的。

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