UltKit

Excel 轉 HTML 轉換器

用 Excel 維護的價目表、時刻表或成績表,更新很方便,要放上網卻很麻煩。轉成 HTML 後,就是一個真正的表格,網站、CMS 或內部網路可以直接顯示,搜尋引擎讀得到,手機也能捲動瀏覽。

文件轉換器

或將PDF, DOC, DOCX … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

輸出

檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。

使用方式

  1. 1

    上傳活頁簿

    新增 .xlsx、.xls、.xlsm、.ods、.numbers 或 .csv 檔案,一次最多 20 個,每個檔案最大 95 MB。

  2. 2

    選擇格式設定與工作表

    格式預設為簡化,會輸出不含行內樣式的乾淨表格。在試算表工作表中,選擇全部可轉換所有工作表,選擇第一個則只轉換第一張工作表。

  3. 3

    轉換為 HTML

    按下轉換為 HTML,用瀏覽器開啟檔案確認內容,再將表格複製到您的網頁。上傳的檔案會在 30 分鐘後移除。

解答

如何將 Excel 工作表轉成 HTML 表格?

上傳活頁簿,將格式保持在簡化,然後按下轉換為 HTML。每張工作表都會變成帶有標題列的乾淨 UTF-8 HTML 表格,可直接貼到網站或 CMS。

Excel 轉 HTML:把試算表放上網頁

把 .xlsx 當成下載檔案提供,等於要求每位訪客都安裝試算表軟體,而且只為了看幾列資料就得開啟檔案。在手機上往往根本打不開。相較之下,HTML 表格會隨網頁載入,支援螢幕閱讀器,可以用網站的 CSS 設定樣式,也會像其他文字一樣被搜尋引擎收錄。

需要這種轉換的人,通常會把原始資料留在 Excel 裡,因為它方便編輯:例如社團的賽程表、商店的價目表、學校的考試時間表、實驗室的參考數值。工作流程就是更新活頁簿、轉換、貼上表格,然後重複。如果最終要放進列印報告,可使用 Excel 轉 Word,在文件中產生表格。

各種格式設定會產生什麼樣的 HTML

Excel 轉 HTML 的格式選項
設定HTML 內容適用情境
全部保留表格,並將填色、字型、框線與對齊方式寫成行內樣式獨立網頁與電子郵件等無法套用樣式表的情況
簡化只有表格、標題列、合併儲存格與文字;樣式由您網站的 CSS 處理CMS 頁面、部落格與內部網路
僅文字儲存格內容以文字呈現,不含表格標記將文字內容交給其他工具處理

讓寬版 Excel 表格在手機上也好用

讓表格在小螢幕上可橫向捲動的 CSS
.table-scroll { overflow-x: auto; }
.table-scroll table { border-collapse: collapse; min-width: 600px; }
.table-scroll th, .table-scroll td { padding: 6px 10px; border-bottom: 1px solid #ddd; }

將轉換後的表格包在套用上述 class 的 div 中,頁面寬度就能維持不變,表格則在自己的框內捲動。這比把文字縮到看不清楚好得多。Excel 的凍結窗格標題在 HTML 中並不存在,所以第一列請保持簡短清楚。

HTML 會保留活頁簿的哪些內容

  1. 顯示的值

    公式結果、日期和貨幣都以文字寫出,網頁會呈現與試算表相同的內容。

  2. 結構

    第一列會成為標題列,合併儲存格會保留為跨欄或跨列儲存格;每張工作表會產生一個表格。

  3. 圖片與圖表

    開啟包含圖片後,放在工作表上的圖片也會一併輸出;若只要純文字表格,請關閉。

Excel 與 HTML 格式重點

XLSX

Microsoft Excel 活頁簿

XLSX 是自 Office 2007 起 Microsoft Excel 的預設活頁簿格式,以 Office Open XML 標準為基礎。它將多個工作表、公式、格式、圖表、樞紐分析表與資料驗證,儲存在由 XML 組成的 ZIP 封裝中。每個工作表支援超過一百萬列,是商務試算表預設的交換格式。Google 試算表、LibreOffice 與 Numbers 都能開啟 XLSX,但巨集與進階功能可能無法完整保留。

壓縮方式
–
透明度
–
動畫
–
推出年份
2007 · Microsoft
XLSX 轉檔工具

HTML

超文字標記語言

HTML 是網頁的標記語言,由 Tim Berners-Lee 在 1990 年代初期提出,現由 WHATWG 以持續更新的標準維護。HTML 檔案用來描述標題、段落、連結、表格、圖片和表單,樣式通常由 CSS 提供。所有瀏覽器都能呈現 HTML,電子郵件範本和儲存的網頁也使用它。單一 HTML 檔案常依賴外部圖片和樣式表,單獨移動後可能會顯示異常。

壓縮方式
–
透明度
–
動畫
–
推出年份
1993 · Tim Berners-Lee; maintained by WHATWG
HTML 轉檔工具

當試算表中維護的表格需要公開發布時,就會把 Excel 活頁簿轉成 HTML:例如價目表、時間表或成績表,希望在網站上以可閱讀、可搜尋的表格呈現,而不是提供下載。

Excel 轉 HTML 常見問題

為什麼不直接用 Excel 內建的「另存為網頁」?

Excel 可以將活頁簿另存為網頁,但多工作表的檔案會產生一個主要的 .htm 檔,加上一個存放 sheet001.htm、filelist.xml 等輔助檔案的資料夾,而且標記中充滿 Office 專用樣式。這種輸出是為了在 Excel 中重新開啟,並不適合貼到 CMS。這裡的簡化輸出是一份單純的表格,可直接放進網頁。

HTML 表格裡的公式還會計算嗎?

不會。HTML 沒有公式運算引擎,因此每個儲存格存放的是活頁簿上次儲存時公式算出的值。轉換前請先在 Excel 中重新計算並儲存,數字有變動時也要重新轉換。

如何把表格放進 WordPress 頁面?

用文字編輯器開啟 HTML 檔案,複製從開頭 table 標籤到結尾標籤之間的所有內容,再貼到 WordPress 編輯器的自訂 HTML區塊。如果表格比內容欄寬,請加上本頁所示的捲動外框。

一個網頁放多大的工作表比較合適?

Excel 最多允許 1,048,576 列 × 16,384 欄,但網頁若有數萬列資料,載入會變慢,也無法閱讀。請將超大型資料拆成多張工作表或多個頁面,或在簡短的摘要表格旁提供 CSV 下載。

README 或 Wiki 該用 HTML 還是 Markdown?

GitHub、GitLab 和大多數 Wiki 都原生支援 Markdown 表格,而且原始碼也容易閱讀,所以在這些地方用 Excel 轉 Markdown 更合適。網站、CMS 頁面,以及需要合併儲存格(Markdown 表格無法表達)的情況,請選擇 HTML。

發布或轉換試算表的其他方式
Excel 轉 MarkdownExcel 轉 LaTeXExcel 轉 PDF
Excel 轉 CSVExcel 轉 WordHTML 轉 Excel