Softonic

Перевод таблицы из CSV в HTML

Шаг 1 / 2
Преобразовать в таблицу HTML

Вставка таблицы данных в запись блога, внутреннюю вики-страницу или электронную рассылку обычно превращается в борьбу с редактором таблиц вашей системы управления контентом (CMS). Вместо этого просто вставьте сюда файл CSV: первая строка станет ячейками <th>, каждая следующая, ячейками <td>, а всё вместе будет обёрнуто в минимальный элемент <table> без встроенных стилей. Чистая разметка, которая принимает любые CSS-стили, заданные на вашем сайте.

Как происходит конвертация

  1. 1

    Вставьте CSV-файл

    Переносы строк разделяют строки на записи; функция `str_getcsv` разбирает каждую строку, корректно обрабатывая запятые внутри кавычек и экранированные кавычки.

  2. 2

    Переключение режима заголовка

    Когда режим включён, первая строка выводится ячейками `<th>`; когда выключен, все строки состоят из обычных ячеек `<td>`.

  3. 3

    Значения экранируются для HTML

    Конвертер вызывает вспомогательную функцию Laravel e(), благодаря чему символы `<`, `>` и `&` безопасно экранируются в выводе.

  4. 4

    Скопируйте разметку

    HTML-код имеет отступ в два пробела для удобства чтения; его можно без изменений вставить прямо в файл Blade, запись в формате Markdown или в исходный код редактора WYSIWYG.

Стилизация и доступность результата

Конвертер генерирует структурно простой HTML-код, без классов, встроенных стилей и оболочек типа <thead> или <tbody>. Это обеспечивает портативность результата, однако вы можете захотеть улучшить его внешний вид.

Минимальная таблица стилей

table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { padding: 8px 12px; border-bottom: 1px solid #e5e7eb; text-align: left; }
th { background: #f9fafb; font-weight: 600; }
tr:nth-child(even) td { background: #fafafa; }

Быстрые улучшения доступности

  • Оберните первую строку в <thead>, если у вас длинные таблицы: тогда программы чтения с экрана будут озвучивать столбцы заголовка по мере перемещения пользователя по строкам. Конвертер не делает этого автоматически, чтобы вывод оставался минимальным.
  • Добавьте элемент <caption> над таблицей с понятным описанием того, что представляют собой данные.
  • Используйте scope="col" для ячеек <th>, если строка заголовка описывает столбцы, и scope="row", если первый столбец обозначает строки.

Когда HTML не подходит

Если данные предназначены для Markdown, используйте вместо этого конвертер CSV в Markdown. Если данные предназначены для базы данных, конвертер CSV в SQL создаёт команды INSERT, которые можно выполнить напрямую. Таблицы HTML отлично подходят для отображения на страницах, но плохо годятся для того, что нужно запрашивать или пересортировывать.

Часто задаваемые вопросы

Да. Значения экранируются с помощью вспомогательной функции e() в Laravel: например, < превращается в &lt;, и пользовательский контент не может вставить теги скриптов или преждевременно закрыть таблицу.

По умолчанию нет: результат, это одна таблица <table> с непосредственными дочерними элементами <tr>. Если этого требует ваш целевой CSS, оберните <tr> заголовка в <thead>, а остальные, в <tbody>.

Ячейки, содержащие внутренние переносы строк, отображаются как есть. Если вы хотите, чтобы переносы строк были видны в браузере, замените их на <br> перед преобразованием или задайте white-space: pre-wrap; в CSS для <td>.

Да. CSV-файл отправляется на наш сервер, чтобы конвертер мог собрать таблицу. Он не сохраняется и не добавляется в ссылку страницы.

Сопутствующие инструменты

Конвертер MKV в MP4

Конвертируйте видео MKV в MP4 для более плавного воспроизведения на iPhone, iPad, в QuickTime, браузерах, телевизорах и редакторах. Загрузите файл .mkv и скачайте совместимый .mp4.

Разделитель листов Excel

Разделяйте книгу XLSX или XLS по вкладкам листов, блокам строк данных или значениям столбца в браузере. Скачивайте один XLSX или локальный ZIP без загрузки файла.

Конвертер M4A в MP3

Конвертируйте аудио M4A в MP3 для более широкой совместимости. Загрузите файл .m4a и скачайте совместимую копию .mp3.

Объединение листов Excel

Локально объединяйте файлы XLSX, XLS, XLSM, XLSB или ODS. Сохраняйте листы отдельно либо добавляйте строки с одинаковыми заголовками, затем скачивайте XLSX.

CSV в Excel

Преобразуйте CSV в книгу XLSX с одним листом прямо в браузере. Проверьте разделители, сохраните идентификаторы, распознайте безопасные числа и не загружайте содержимое файла.

Конвертер субтитров

Преобразуйте субтитры SRT и WebVTT локально, проверяйте время реплик, сохраняйте многострочный текст и скачивайте результат.

Инструмент доступен на других языках