html 如何实现内容下载

admin
行业动态
2024-03-31
2

要实现HTML内容下载，可以使用<a>标签的download属性，以下是一个简单的示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>下载示例</title>
</head>
<body>
    <h1>下载示例</h1>
    <p>点击下面的链接下载文件：</p>
    <table border="1">
        <tr>
            <th>文件名</th>
            <th>下载链接</th>
        </tr>
        <tr>
            <td>example.txt</td>
            <td><a href="example.txt" download="example.txt">点击下载</a></td>
        </tr>
    </table>
</body>
</html>

在这个示例中，我们创建了一个简单的HTML页面，包含一个标题和一个表格，表格中有两列，分别是文件名和下载链接，当用户点击“点击下载”链接时，浏览器会将example.txt文件下载到用户的计算机上。