DevToolPal
UK

Конвертер XML у HTML-таблицю

Показуйте повторювані записи XML як HTML-таблицю, де атрибути й вкладені елементи стають стовпцями.

Працює локально, нічого не завантажується на сервер

Параметри

Вхідні дані

0 симв. · 0 B

Результат

0 симв. · 0 B

Що робить цей інструмент

Цей інструмент перетворює записи XML на HTML-таблицю, яку справді зручно читати. Кожен повторюваний елемент стає рядком таблиці, дочірні елементи й атрибути — стовпцями, а вкладені елементи розгортаються в назви стовпців через крапку.

Використовуйте його, щоб показати XML-стрічку чи експорт на вебсторінці, у документації або в листі.

Як користуватися

  1. Вставте XML у поле Вхідні дані, завантажте файл .xml або натисніть Приклад.
  2. Розмітка таблиці з’являється праворуч під час набору.
  3. Вимкніть Додати рядок заголовків, щоб не виводити <thead>.
  4. Скопіюйте HTML або збережіть його як файл .html.

Приклад

<users>
  <user id="1"><name>Alice</name><address><city>Shanghai</city></address></user>
  <user id="2"><name>Bob</name><address><city>Beijing, China</city></address></user>
</users>

перетворюється на таблицю зі стовпцями name, address.city та id і по одному рядку для кожного користувача.

Примітки

Текст екранується для HTML, тож завжди показується саме як текст. Переноси рядків усередині значення стають <br>.

Часті запитання

› Які елементи стають рядками?

Повторювані дочірні елементи кореня, наприклад кожен <user> усередині <users>. Якщо корінь має лише один дочірній елемент, він стає єдиним рядком.

› Що відбувається з атрибутами й вкладеними елементами?

Атрибути стають стовпцями з назвою атрибута (id="1" → id). Вкладені елементи стають стовпцями з назвами через крапку, як-от address.city. Повторювані прості значення з’єднуються через "; ".

› Чому стовпець називається @id, а не id?

Коли атрибут і дочірній елемент мають однакову назву, атрибут зберігає префікс @, щоб ці два стовпці не змішувалися.

› Чи можна стилізувати таблицю?

Так. Результат — проста розмітка таблиці без вбудованих стилів, тож до неї застосовується CSS вашого сайту.