Question

我确实有一个内部网站，该网站具有video & audio library的功能。我的访客可以从该网站下载2种文件。

视频
仅音频。

这些视频的来源来自不同的外部位置。文件扩展名不同，例如.webm，.M4A，.tgpp等。

如果将文件扩展名更改为.MP4，我知道它们中的大多数仍在工作。因此，为了使我的访问者更容易使用该网站，关于不同的格式，我决定仅提供.MP4格式。

意味着，客户端下载了.MP4文件，即使原始文件的扩展名为.WEBM或.M4A。

这样做不是问题。但是我想做的是，为了将来保留这些信息以进行故障排除，我想将实际/原始文件类型存储在HTML元素中。

问题：

我可以使用哪个属性名称？有什么可以做的吗？

为了更好地理解，我将其显示为具有属性名称StoreInformation：

<table id="id_TopTable">
  <tr>
    <td>
      <a href="get-download.php?Source=Example.MP4" StoreInformation='Source_West, M4A, AudioEncoding Aac'><B>Click this</B></a>

    </td>
  </tr>

简短说明：

用户下载example.mp4文件。
属性StoreInformation存储这些信息，其含义为：该文件最初来自West的Source，它是具有音频AAc编码的M4A。

Answer 1

我认为最好的方法是使用数据属性，那就是：

<a href="get-download.php?Source=Example.MP4" data-information='Source_West, M4A, AudioEncoding Aac'><B>Title 1</B></a>

这样，您可以通过使用js中元素的属性数据集来检索信息：

让信息= element.dataset.information

了解更多：https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

Answer 2

添加为新属性完全有效，但我宁愿使用更具描述性的名称和更好的分隔，以便您可以轻松阅读此信息并将其转化为有用的东西：

<a href="something" data-format="webv" data-encoding="Aac">Content</a>

data-*是documented的自定义数据属性标准。

您甚至可以使用setAttribute函数通过javascript动态地将此属性创建到html中，例如以下代码段：

document.querySelector("a").setAttribute("data-format", "webv");

并检索：

console.log(document.querySelector("a").getAttribute("data-format"));

HTML-如何将HTML标记中的信息存储为属性值？

2 个答案: