Що робить інструмент
Цей інструмент перетворює дані 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 МБ конвертуються під час введення; для більших файлів вмикається ручний режим, тож натисніть «Запустити».