在HTML中，下载文件时文件名乱码是一个常见的问题，这通常是由于编码问题导致的，为了解决这个问题，我们可以采取以下几种方法来确保文件名正确显示。
1、设置正确的字符编码
在HTML文件中，确保在<head>标签内设置正确的字符编码，通常，我们使用UTF-8编码，因为它可以表示几乎所有的字符，要设置字符编码，可以在<head>标签内添加以下代码：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ... </head> <body> ... </body> </html>
2、使用JavaScript处理文件名
在提供下载链接时，可以使用JavaScript来处理文件名，这样可以确保文件名在下载时显示正确，以下是一个使用JavaScript处理文件名的示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script>
function downloadFile(filename) {
var anchor = document.createElement("a");
anchor.href = "file:///path/to/your/file/" + encodeURIComponent(filename);
anchor.download = filename;
document.body.appendChild(anchor);
anchor.click();
document.body.removeChild(anchor);
}
</script>
</head>
<body>
<button onclick="downloadFile('文件名.txt')">下载文件</button>
</body>
</html>
在这个示例中，我们创建了一个按钮，当用户点击按钮时，将调用downloadFile函数，该函数接受文件名作为参数，并使用encodeURIComponent函数对文件名进行编码，创建一个临时的<a>标签，设置其href属性为文件路径，并将download属性设置为文件名，模拟点击该链接以触发下载。
3、在服务器端设置Content-Disposition
如果可能的话，可以在服务器端设置响应头中的Content-Disposition属性，这将允许服务器直接指定文件名，以下是一个使用PHP设置Content-Disposition的示例：
<?php
header("Content-Type: application/octet-stream");
header("Content-Disposition: attachment; filename=" . urlencode("文件名.txt"));
header("Content-Transfer-Encoding: binary");
header("Accept-Ranges: bytes");
// 输出文件内容
readfile("/path/to/your/file/文件名.txt");
?>
在这个示例中，我们使用header函数设置响应头。Content-Type设置为application/octet-stream，表示文件是一个二进制文件。Content-Disposition设置为attachment，表示响应是一个附件，并指定文件名，使用urlencode函数对文件名进行编码，以确保文件名正确显示，使用readfile函数输出文件内容。
通过以上方法，我们可以解决HTML下载文件名乱码的问题，根据实际情况，可以选择适合的方法来确保文件名正确显示。