Что делает инструмент
Этот инструмент превращает данные CSV в HTML-таблицу. Первая строка становится заголовком таблицы (ячейки <th> внутри <thead>), а каждая следующая строка — элементом <tr> в <tbody>. Разметка оформлена с отступами и без встроенных стилей, поэтому её легко читать, править и стилизовать.
Используйте его, чтобы опубликовать таблицу на сайте, вставить таблицу в статью блога или рассылку либо описать данные на HTML-странице.
Как пользоваться
- Вставьте CSV в поле Ввод, загрузите файл
.csvили нажмите Пример. - HTML появляется справа по мере ввода.
- Выберите Разделитель, если автоопределение ошиблось, и выключите Первая строка — заголовок, если у ваших данных нет заголовков.
- Скопируйте HTML или скачайте его как файл
.html.
Пример
name,city
Alice,Shanghaiпревращается в
<table>
<thead>
<tr>
<th>name</th>
<th>city</th>
</tr>
</thead>
<tbody>
<tr>
<td>Alice</td>
<td>Shanghai</td>
</tr>
</tbody>
</table>Примечания
Строки, в которых ячеек меньше, чем в самой широкой строке, дополняются пустыми ячейками, поэтому во всех строках одинаковое число столбцов.
Частые вопросы
› Можно ли оформить созданную таблицу стилями?
Да. На выходе — обычная разметка <table>, <thead>, <tbody>, <tr>, <th> и <td> без встроенных стилей, поэтому к ней применяется CSS вашего сайта. Добавьте класс к тегу <table>, чтобы обращаться именно к ней.
› Что делать, если в CSV нет строки заголовков?
Выключите «Первая строка — заголовок». Тогда все строки записываются как строки данных, а <thead> не создаётся.
› Безопасны ли спецсимволы?
Да. <, >, & и кавычки экранируются, поэтому содержимое ячеек отображается как текст и не может внедрить HTML. Переносы строк внутри ячейки превращаются в <br>.
› Есть ли ограничение по размеру?
Ввод до 1 МБ конвертируется по мере набора; для файлов побольше включается ручной режим, нажмите «Запустить».