KeroTools

Konversi Tabel Excel ke Kode HTML

Ubah spreadsheet Excel menjadi tabel HTML yang siap dipublikasikan di halaman web mana pun.

Letakkan file Anda di sini atau klik

File Excel (.xlsx, .xls)

Berkas Anda tetap di perangkat

Tidak ada yang perlu dihapus kemudian

Keluaran ter-escape secara bawaan

Jalan di semua browser modern

Cara kerjanya

  1. 1

    Jatuhkan berkas Anda

    Tambahkan berkas .xlsx, .xls, atau .csv — seret ke halaman atau klik untuk mencarinya.

  2. 2

    Pilih lembarnya

    Pilih lembar mana yang menjadi tabel dan pastikan baris mana yang memasok judul kolomnya.

  3. 3

    Salin markup-nya

    Tempel ke sebuah CMS, halaman dokumentasi, templat surel, atau tiket dukungan.

Mengapa memakai alat ini

Markup yang benar-benar bisa dibaca

Sebuah tabel sederhana berstruktur sungguhan, bukan ribuan baris namespace Office dan gaya sebaris.

Isi sel di-escape

Tanda `<` atau `&` di dalam sel ditulis sebagai entitas, jadi ia tampil sebagai teks alih-alih merusak halaman.

Semantik tabel yang sesungguhnya

Sel judul menjadi `th` di dalam `thead`, dan itulah yang diandalkan pembaca layar serta skrip pengurutan.

Sel gabungan dipetakan ke span

Rentang gabungan menjadi `colspan` atau `rowspan` alih-alih diam-diam runtuh menjadi kekosongan.

Tidak ada yang diunggah

Berkasnya dibaca di browser Anda; lembar berisi data klien atau karyawan tidak pernah sampai ke server.

Gratis tanpa akun

Tanpa pendaftaran, tanpa watermark, dan tanpa batas jumlah berkas yang Anda konversi.

Tabel HTML adalah satu-satunya format yang tampil di mana saja

Konversi ini ada karena sebuah masalah yang spesifik dan keras kepala: menaruh data tabular di depan mata orang yang tak bisa atau tak mau membuka lembar sebar. Lampirkan .xlsx ke sebuah tiket dukungan dan ia menjadi unduhan yang tak diklik siapa pun. Taruh di wiki dan ia duduk sebagai ikon. Tempel ke surel dan separuh penerima Anda mendapat gambar penjepit kertas. Tabel HTML tak punya gesekan semacam itu — ia tampil di browser, di CMS, di halaman dokumentasi, di artikel basis pengetahuan, dan di dalam kebanyakan klien surel, tanpa pembaca, tanpa pengaya, dan tanpa langkah pengunduhan. Yang Anda konversikan bukan datanya melainkan keterlihatannya. Itulah sebabnya sasarannya markup dan bukan array JSON yang ditujukan bagi program, atau CSV yang ditujukan bagi lembar sebar lain.

Kenapa “Save as Web Page” milik Excel bukan jawabannya

Excel mengekspor HTML secara langsung, dan siapa pun yang pernah mencobanya sekali ingat kenapa ia berhenti. Keluarannya membawa namespace Office XML, komentar bersyarat untuk versi Internet Explorer yang sudah tak ada, sebuah stylesheet berisi nama kelas hasil generasi, dan gaya sebaris di hampir setiap sel. Tabel dua puluh baris bisa menghasilkan beberapa ribu baris. Lebih buruk lagi, markup itu berkelahi dengan halaman mana pun tempat ia mendarat: fon, warna, dan garis tepi yang dipatok mengalahkan desain situs Anda, dan nama kelasnya bertabrakan dengan nama kelas Anda sendiri. Tabel yang bersih kira-kira satu baris untuk tiap baris data, mewarisi CSS Anda, dan bisa dibaca manusia di dalam sebuah diff. Kalau markup-nya menuju situs yang Anda rawat, perbedaan itulah seluruh intinya.

Karakter yang berakhir di sebuah sel menentukan apakah halaman Anda selamat

Lembar sebar memuat teks yang diketik orang, dan orang mengetik tanda kurung sudut. Nama produk seperti `<Edisi Khusus>`, catatan berbunyi `a > b`, perusahaan yang ditulis `Smith & Sons` — masing-masing biasa saja di dalam sel dan berbahaya di dalam markup, karena `<` membuka sebuah tag dan `&` membuka sebuah entitas. Ditulis apa adanya, yang pertama menelan sisa tabel Anda ke dalam elemen tak dikenal, dan yang ketiga menghasilkan galat validasi paling banter. Escaping yang benar mengubahnya menjadi `&lt;`, `&gt;`, dan `&amp;` sehingga ia tampil persis seperti yang diketik. Ini melampaui soal kerapian: ketika sebuah lembar memuat apa pun yang dikirim pengguna, keluaran tanpa escape adalah cara sebuah persoalan cross-site scripting tersimpan terbangun tanpa sengaja. Konverter yang meng-escape secara bawaan menghapus pertanyaannya.

Sel judul adalah struktur, bukan pemformatan

Menebalkan baris pertama tidak menjadikannya judul. Di HTML pembedaannya nyata: sel judul adalah `<th>`, sel data adalah `<td>`, dan blok judulnya dibungkus `<thead>`. Struktur itulah yang dipakai pembaca layar untuk mengumumkan “Harga, 340” alih-alih membacakan dinding angka tak terhubung, dan itulah yang dicari skrip pengurutan dan penyaringan ketika mereka menempel pada sebuah tabel. Itu juga yang dibaca mesin pencari ketika memutuskan apakah tabel Anda merupakan konten yang layak dipahami. Konverter yang memancarkan `<td>` di mana-mana lalu menebalkan baris pertama menghasilkan sesuatu yang tampak benar dan, dalam istilah aksesibilitas, merupakan kisi berisi nilai tanpa identitas. Menambahkan `scope="col"` pada sel judul tak memakan biaya apa pun dan merampungkan pekerjaannya.

Sel gabungan adalah satu-satunya hal yang benar-benar diterjemahkan

Sebagian besar fitur lembar sebar tak punya padanan HTML, tetapi penggabungan adalah pengecualiannya, dan itu layak diketahui karena alternatifnya adalah kehilangan data secara senyap. Ketika empat sel digabung di Excel, nilainya hidup di sel kiri-atas dan sisanya kosong; konversi yang naif menghasilkan sebuah nilai diikuti tiga kekosongan dan sebuah baris yang tak lagi sejajar. HTML punya gagasan yang sama secara bawaan — `colspan` dan `rowspan` — sehingga rentang gabungan bisa mempertahankan bentuk persisnya di dalam markup. Segala hal lain tentang lembarnya adalah penyajian dan tidak ikut serta: pemformatan bersyarat, warna sel, komentar, panel beku, dan lebar kolom semuanya hal yang akan Anda nyatakan ulang di CSS seandainya Anda menginginkannya, dan biasanya Anda tidak, karena mewarisi gaya situs Anda adalah hasil yang lebih baik.

Ke mana markup-nya pergi mengubah apa yang semestinya Anda lakukan dengannya

Tabel yang menuju halaman yang Anda kendalikan menginginkan persis apa yang dihasilkan alat ini: markup telanjang yang mewarisi stylesheet Anda. Surel adalah pengecualiannya, dan itu layak direncanakan. Kebanyakan klien surel mencopot blok `<style>` dan mengabaikan stylesheet eksternal, jadi tabel yang tampak benar di browser bisa tiba sebagai baris tanpa gaya di kotak masuk rekan Anda — kalau itu penting di sana, gayanya harus disisipkan sebaris pada tiap sel setelah konversi. CMS adalah kasus lain yang perlu diawasi: banyak penyunting membersihkan HTML yang ditempel dan diam-diam membuang atributnya, jadi tempellah di tampilan sumber atau kode, bukan di tampilan visual. Mengetahui tujuannya sebelum mengonversi menghemat satu putaran penelusuran galat yang bingung, yang jika tidak akan menyusul.

Kesalahan umum yang sebaiknya dihindari

  • Memakai “Save as Web Page” milik Excel sendiri. Keluarannya membawa namespace Office, nama kelas hasil generasi, dan gaya sebaris di tiap sel — ia berkelahi dengan desain situs Anda dan mencapai ribuan baris untuk sebuah tabel kecil.
  • Menempel ke penyunting visual sebuah CMS. Banyak yang membersihkan markup tempelan dan membuang atribut secara diam-diam; pakai tampilan sumber atau kode agar `colspan` dan `scope` selamat.
  • Mengharapkan gaya ikut tiba bersama tabelnya. Warna sel, pemformatan bersyarat, dan lebar kolom adalah penyajian dan tertinggal di belakang — itu disengaja, supaya tabelnya mewarisi CSS Anda.
  • Menganggap baris pertama yang tebal adalah baris judul. Pembaca layar dan skrip pengurutan mencari `th` di dalam `thead`, bukan ketebalan fon; tanpa itu tabelnya adalah kisi nilai tanpa identitas.
  • Mengirim tabel tanpa gaya ke sebuah kampanye surel. Kebanyakan klien mencopot blok `<style>`, jadi apa pun yang harus tampak bergaya di kotak masuk memerlukan CSS sebaris per sel setelah konversi.

Perbandingan

AspekAlat iniSave as Web Page milik ExcelKonverter daring
Data dikirim ke serverTidak pernahTidakUmumnya ya
Ukuran keluaran untuk tabel kecilPuluhan barisRibuanBeragam
Mewarisi CSS AndaYaTidak — gayanya tertanamBeragam
`thead` / `th` semantisYaSebagianBeragam
Akun atau pendaftaranTidak perluTidak perluSering diminta
HargaGratisLisensiGratis / paket berbayar

Fitur

Membaca .xlsx, .xls, dan .csv

Mana pun di antara ketiganya yang Anda punya, keluarannya tabel bersih yang sama.

`thead` dan `tbody` semantis

Baris judul ditandai sebagai judul, bukan dirias agar tampak seperti judul.

Entitas HTML ditangani

`<`, `>`, `&`, dan tanda kutip di dalam sel di-escape agar markup-nya tetap sah.

colspan dan rowspan

Rentang gabungan mempertahankan bentuknya alih-alih meninggalkan lubang di sepanjang baris.

Keluaran UTF-8

Huruf beraksen, teks Arab, Turki, dan karakter non-ASCII lainnya ditulis tanpa berubah.

Tanpa gaya yang dipaksakan

Tabelnya mewarisi CSS halaman Anda alih-alih tiba dengan desain orang lain sudah tertanam di dalamnya.

Tanpa instalasi

Tanpa lisensi Excel, tanpa runtime, tanpa dependensi — jalan di halaman web.

Ramah Arab dan RTL

Antarmuka lengkap dalam delapan bahasa, termasuk Arab kanan-ke-kiri.

Aman secara bawaan

Disajikan lewat HTTPS, tanpa pelacakan berkas dan tanpa unggahan ke pihak ketiga.

Siapa yang memakainya

Penulis teknis

Memasukkan tabel spesifikasi atau perbandingan ke dalam dokumentasi tanpa mengetik tiap barisnya dengan tangan.

Pengembang web

Mengubah lembar sebar klien menjadi markup yang mewarisi gaya situs alih-alih berkelahi dengannya.

Tim dukungan

Menaruh tabel di dalam tiket atau artikel bantuan, tempat sebuah lampiran akan dibiarkan tak terbaca.

Editor konten

Menerbitkan tabel data di sebuah CMS tanpa bergulat dengan kendali tabel di penyunting visual.

Pertanyaan yang Sering Diajukan

Tidak. Konversi berjalan sepenuhnya di browser Anda — data Anda tidak pernah diunggah, disimpan, atau dibagikan.

Ya. Setiap baris dan kolom dikonversi dengan setia; strukturnya dipertahankan.

Ya — sepenuhnya gratis, tanpa akun, tanpa watermark, dan tanpa batas jumlah file.