Как отобразить данные по тегам из json на странице?

Для отображения данных по тегам из JSON на странице вам понадобится использовать JavaScript для обработки данных и HTML для отображения.

Сначала вам нужно получить JSON-данные с сервера или из другого источника. После получения JSON-объекта вам нужно пройтись по данным и выбрать нужные элементы на основе тегов.

Примерный алгоритм решения:

1. Получите JSON-данные из сервера или с сервера.
Обычно это делается с помощью XMLHttpRequest или fetch API:

// Используя XMLHttpRequest
var request = new XMLHttpRequest();
request.open('GET', 'url-to-json-data', true);
request.onload = function() {
  if (request.status >= 200 && request.status < 400) {
    var data = JSON.parse(request.responseText);
    // Вызывайте функцию или выполняйте действия с данными
  } else {
    console.error('Произошла ошибка при получении данных.');
  }
};
request.onerror = function() {
  console.error('Произошла ошибка при отправке запроса.');
};
request.send();

// Используя fetch API
fetch('url-to-json-data')
  .then(function(response) {
    return response.json();
  })
  .then(function(data) {
    // Вызывайте функцию или выполняйте действия с данными
  })
  .catch(function(error) {
    console.error('Произошла ошибка при получении данных.', error);
  });

2. Определите, какие теги вам нужны из JSON-данных. Например, если у вас есть массив объектов, каждый из которых содержит свойство "tags", вы можете собрать список всех уникальных теги:

var tags = [];
data.forEach(function(item) {
  item.tags.forEach(function(tag) {
    if (!tags.includes(tag)) {
      tags.push(tag);
    }
  });
});

3. Создайте контейнеры для отображения данных на странице. Например, вы можете использовать элемент <div> с уникальным идентификатором для каждого тега:

<div id="tags-container"></div>

4. Генерируйте HTML-разметку для каждого тега на основе данных и вставляйте ее в контейнер:

var tagsContainer = document.getElementById('tags-container');
tags.forEach(function(tag) {
  var tagElement = document.createElement('span');
  tagElement.textContent = tag;
  tagsContainer.appendChild(tagElement);
});

Теперь данные будут отображены на странице в соответствии с тегами из JSON-данных.

Это основной пример, и его можно настроить в соответствии с вашей конкретной ситуацией и структурой JSON-данных.