KeroTools

Excel Tablosunu HTML Koduna Dönüştür

Bir Excel tablosunu herhangi bir web sayfasında yayınlanmaya hazır bir HTML tablosuna dönüştürün.

Dosyanızı buraya bırakın veya tıklayın

Excel dosyaları (.xlsx, .xls)

Dosyanız cihazınızda kalır

Sonradan silinecek bir şey yok

Varsayılan olarak kaçırılmış çıktı

Her modern tarayıcıda çalışır

Nasıl çalışır

  1. 1

    Dosyanızı bırakın

    Bir .xlsx, .xls ya da .csv dosyası ekleyin — sayfaya sürükleyin veya tıklayıp seçin.

  2. 2

    Sayfayı seçin

    Hangi sayfanın tablo olacağını seçin ve başlıkları hangi satırın sağladığını doğrulayın.

  3. 3

    İşaretlemeyi kopyalayın

    Bir içerik yönetim sistemine, belge sayfasına, e-posta şablonuna ya da destek talebine yapıştırın.

Neden bu araç

Gerçekten okuyabileceğiniz işaretleme

Binlerce satır Office ad alanı ve satır içi stil değil, gerçek yapısı olan yalın bir tablo.

Hücre içeriği kaçırılır

Hücredeki bir `<` ya da `&` varlık olarak yazılır; sayfayı kırmak yerine metin olarak görünür.

Gerçek tablo anlambilimi

Başlık hücreleri `thead` içinde `th` olur — ekran okuyucuların ve sıralama betiklerinin dayandığı şey budur.

Birleştirilmiş hücreler span’e eşlenir

Birleştirilmiş bir aralık sessizce boşluğa çökmek yerine `colspan` ya da `rowspan` olur.

Hiçbir şey yüklenmez

Dosya tarayıcınızda okunur; müşteri ya da personel verisi taşıyan bir sayfa hiçbir sunucuya ulaşmaz.

Ücretsiz, hesapsız

Kayıt yok, filigran yok, kaç dosya dönüştüreceğinize dair sınır yok.

HTML tablosu her yerde görüntülenen tek biçimdir

Bu dönüştürme belirli ve inatçı bir sorun yüzünden vardır: tablo verisini, elektronik tablo açamayan ya da açmak istemeyen insanların gözü önüne getirmek. Bir destek talebine .xlsx iliştirin, kimsenin tıklamadığı bir indirmeye dönüşür. Bir wiki’ye koyun, simge olarak oturur. Bir e-postaya yapıştırın, alıcılarınızın yarısı bir ataç görür. HTML tablosunda bu sürtünmelerin hiçbiri yoktur — tarayıcıda, içerik yönetim sisteminde, belge sayfasında, bilgi bankası yazısında ve çoğu e-posta istemcisinde; okuyucu, eklenti ve indirme adımı olmadan görüntülenir. Dönüştürdüğünüz şey veriden çok onun görünürlüğüdür. Hedefin, programlara giden bir JSON dizisi ya da başka bir elektronik tabloya giden bir CSV değil de işaretleme olmasının nedeni budur.

Excel’in kendi “Web Sayfası Olarak Kaydet” komutu neden yanıt değil

Excel doğrudan HTML dışa aktarır ve bunu bir kez deneyen herkes neden vazgeçtiğini hatırlar. Çıktı, Office XML ad alanlarını, artık var olmayan Internet Explorer sürümleri için koşullu yorumları, üretilmiş sınıf adlarından oluşan bir stil sayfasını ve neredeyse her hücrede satır içi stilleri taşır. Yirmi satırlık bir tablo birkaç bin satır üretebilir. Daha kötüsü, o işaretleme indiği sayfayla kavga eder: sabitlenmiş yazı tipleri, renkler ve kenarlıklar sitenizin tasarımını ezer, sınıf adları da sizinkilerle çakışır. Temiz bir tablo ise satır başına aşağı yukarı bir satırdır, CSS’inizi devralır ve bir insan tarafından fark görünümünde okunabilir. İşaretleme sizin baktığınız bir siteye gidiyorsa, bu fark meselenin tamamıdır.

Bir hücreye düşen karakter, sayfanızın hayatta kalıp kalmayacağını belirler

Elektronik tablolar insanların yazdığı metni içerir ve insanlar açılı ayraç yazar. `<Özel Sürüm>` gibi bir ürün adı, `a > b` diye bir not, `Smith & Sons` diye yazılmış bir şirket — bunların her biri hücrede sıradan, işaretlemede tehlikelidir; çünkü `<` bir etiket açar, `&` bir varlık açar. Olduğu gibi yazılırsa birincisi tablonuzun geri kalanını bilinmeyen bir öğenin içine yutar, üçüncüsü ise en iyi ihtimalle bir doğrulama hatası üretir. Doğru kaçırma bunları `&lt;`, `&gt;` ve `&amp;` yapar, böylece tam yazıldıkları gibi görünürler. Bunun önemi düzenlilikten öteye geçer: bir sayfa kullanıcıların gönderdiği herhangi bir şey içeriyorsa, kaçırılmamış çıktı, saklanmış siteler arası betik çalıştırma sorununun kazara inşa edilme yoludur. Varsayılan olarak kaçıran bir dönüştürücü soruyu ortadan kaldırır.

Başlık hücreleri yapıdır, biçimlendirme değil

İlk satırı kalın yapmak onu başlık yapmaz. HTML’de ayrım gerçektir: başlık hücresi `<th>`, veri hücresi `<td>`’dir ve başlık bloğu `<thead>` içine sarılır. Bir ekran okuyucunun bağlantısız sayılardan oluşan bir duvarı okumak yerine “Fiyat, 340” demesini sağlayan o yapıdır; sıralama ve süzme betiklerinin bir tabloya bağlanırken aradığı da odur. Arama motorlarının, tablonuzun anlaşılmaya değer bir içerik olup olmadığına karar verirken okuduğu da odur. Her yere `<td>` yayan ve birinci satırı kalınlaştıran bir dönüştürücü, doğru görünen ama erişilebilirlik açısından anonim değerlerden oluşan bir ızgara üretir. Başlık hücrelerine `scope="col"` eklemek hiçbir şeye mal olmaz ve işi tamamlar.

Birleştirilmiş hücreler gerçekten çevrilen tek şeydir

Elektronik tablo özelliklerinin çoğunun HTML karşılığı yoktur ama birleştirme istisnadır ve bilinmeye değer, çünkü alternatifi sessiz veri kaybıdır. Excel’de dört hücre birleştirildiğinde değer sol üsttekinde yaşar, gerisi boştur; naif bir dönüştürme bir değer ve ardından üç boşluk ile artık hizalanmayan bir satır üretir. HTML’de aynı fikir yerleşik olarak vardır — `colspan` ve `rowspan` — böylece birleştirilmiş bir aralık işaretlemede tam biçimini koruyabilir. Sayfayla ilgili diğer her şey sunumdur ve gelmez: koşullu biçimlendirme, hücre renkleri, açıklamalar, dondurulmuş bölmeler ve sütun genişlikleri, isteseydiniz CSS’te yeniden ifade edeceğiniz şeylerdir; genellikle de istemezsiniz, çünkü sitenizin stilini devralmak daha iyi sonuçtur.

İşaretlemenin nereye gittiği, onunla ne yapmanız gerektiğini değiştirir

Denetlediğiniz bir sayfaya giden bir tablo tam olarak bunun ürettiğini ister: stil sayfanızı devralan çıplak işaretleme. E-posta istisnadır ve planlanmaya değer. Çoğu e-posta istemcisi `<style>` bloklarını söker ve harici stil sayfalarını yok sayar; bu yüzden tarayıcıda doğru görünen bir tablo, bir meslektaşın gelen kutusuna stilsiz satırlar olarak varabilir — orada önemliyse stiller dönüştürmeden sonra hücre hücre satır içine alınmalıdır. İzlenecek öteki durum içerik yönetim sistemidir: pek çok düzenleyici yapıştırılan HTML’i temizler ve öznitelikleri sessizce düşürür, bu yüzden görsel görünüme değil kaynak ya da kod görünümüne yapıştırın. Dönüştürmeden önce hedefi bilmek, aksi halde peşinden gelen şaşkın hata ayıklama turunu kazandırır.

Kaçınılması gereken yaygın hatalar

  • Excel’in kendi “Web Sayfası Olarak Kaydet” komutunu kullanmak. Çıktı Office ad alanları, üretilmiş sınıf adları ve her hücrede satır içi stiller taşır — sitenizin tasarımıyla kavga eder ve küçük bir tablo için binlerce satır tutar.
  • İçerik yönetim sisteminin görsel düzenleyicisine yapıştırmak. Çoğu yapıştırılan işaretlemeyi temizler ve öznitelikleri sessizce düşürür; `colspan` ve `scope` hayatta kalsın diye kaynak ya da kod görünümünü kullanın.
  • Stilin tabloyla birlikte geleceğini beklemek. Hücre renkleri, koşullu biçimlendirme ve sütun genişlikleri sunumdur ve geride kalır — bu kasıtlıdır, böylece tablo CSS’inizi devralır.
  • Kalın bir ilk satırın başlık satırı olduğunu varsaymak. Ekran okuyucular ve sıralama betikleri yazı kalınlığını değil, `thead` içindeki `th`’yi arar; o olmadan tablo anonim değerlerden bir ızgaradır.
  • Bir e-posta kampanyasına stilsiz tablo göndermek. Çoğu istemci `<style>` bloklarını söker; gelen kutusunda stilli görünmesi gereken her şeyin CSS’i dönüştürmeden sonra hücre bazında satır içine alınmalıdır.

Karşılaştırma

ÖlçütBu araçExcel’in Web Sayfası Olarak Kaydet’iÇevrimiçi dönüştürücüler
Veri sunucuya gönderilirAslaHayırGenellikle evet
Küçük tablo için çıktı boyutuOnlarca satırBinlerceDeğişir
CSS’inizi devralırEvetHayır — stiller pişirilmişDeğişir
Anlamsal `thead` / `th`EvetKısmenDeğişir
Hesap veya kayıtGerekmezGerekmezSık sık istenir
FiyatÜcretsizLisansÜcretsiz / ücretli paket

Özellikler

.xlsx, .xls ve .csv okur

Üçünden hangisi elinizdeyse olsun, çıktı aynı temiz tablodur.

Anlamsal `thead` ve `tbody`

Başlık satırı başlık gibi görünecek şekilde biçimlendirilmez, başlık olarak işaretlenir.

HTML varlıkları işlenir

Hücrelerdeki `<`, `>`, `&` ve tırnaklar kaçırılır, böylece işaretleme geçerli kalır.

colspan ve rowspan

Birleştirilmiş aralıklar satır boyunca delik bırakmak yerine biçimlerini korur.

UTF-8 çıktı

Türkçe’nin ç, ğ, ı, ö, ş, ü harfleri, Arapça metin ve ASCII dışı diğer karakterler değişmeden yazılır.

Dayatılan stil yok

Tablo, içine başkasının tasarımı pişirilmiş halde gelmek yerine sayfanızın CSS’ini devralır.

Kurulum gerekmez

Excel lisansı, çalışma ortamı ya da bağımlılık gerekmez — web sayfasında çalışır.

Arapça ve RTL uyumlu

Sağdan sola Arapça dahil sekiz dilde tam arayüz.

Varsayılan olarak güvenli

HTTPS üzerinden sunulur, dosya izleme ve üçüncü tarafa yükleme yoktur.

Kimler kullanıyor

Teknik yazarlar

Bir şartname ya da karşılaştırma tablosunu her satırı elle yazmadan belgelere sokmak.

Web geliştiricileri

Bir müşterinin elektronik tablosunu, sitenin stiliyle kavga etmek yerine onu devralan işaretlemeye çevirmek.

Destek ekipleri

Ekin okunmadan kalacağı bir talep ya da bilgi bankası yazısının içine tablo koymak.

İçerik editörleri

Görsel düzenleyicinin tablo denetimleriyle boğuşmadan bir veri tablosu yayımlamak.

Sıkça Sorulan Sorular

Hayır. Dönüşüm tamamen tarayıcınızda çalışır — verileriniz asla yüklenmez, saklanmaz veya paylaşılmaz.

Evet. Her satır ve sütun sadık şekilde dönüştürülür; yapı korunur.

Evet — tamamen ücretsiz; hesap, filigran ve dosya sınırı yok.