HTML - Как сохранить информацию в теге HTML в качестве значения атрибута?

Question

У меня есть внутренний веб-сайт с функцией video & audio library. Мои посетители могут скачать 2 вида файлов с этого сайта.

1. Видео
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 хранит эту информацию, которая имеет значение: Файл изначально поступает из источника на западе, его M4A с кодировкой аудио AAc.

Answer 1

Идеально подходит для добавления в качестве нового атрибута, но я бы предпочел иметь более описательное имя и лучшее разделение, чтобы вы могли легко прочитать эту информацию и превратить ее во что-то полезное:

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

data-* документированы документированы стандарт для пользовательских атрибутов данных.

Вы даже можете использовать функцию setAttribute для динамического создания этого атрибута в html с использованием javascript, как в следующем фрагменте:

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

И получение:

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

Answer 2

Я считаю, что лучше всего использовать атрибуты данных, это будет:

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

Таким образом, вы можете получить информацию, используя набор данных свойств элемента в js:

let information = element.dataset.information

для более: https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes