若要將 Excel 表格轉換為 HTML 程式碼,請在 Excel to HTML Table Converter 中選擇一個不大於 20 MB 的本機 .xlsx 活頁簿,挑選要以第一列作為表格標頭的工作表,然後點擊 convert 來產生可以複製或下載的 HTML 表格片段。此工具只會讀取儲存的儲存格值,絕不會執行公式、執行巨集、追蹤超連結或開啟外部連線。每個儲存格在插入標記之前都會進行 HTML 跳脫,因此看起來像 script 標籤、影像或事件處理常式的工作表值,會保持為可見文字,而不會變成可執行的元素。活頁簿絕不會離開你的瀏覽器分頁,不會建立帳號,原始的 .xlsx 也絕不會被修改或儲存。輸出是一個刻意的資料交接:由儲存值構成的語意化 HTML 表格,可直接用於靜態頁面、CMS 草稿、文件片段或開發人員工作流程。

how to convert excel table to html code
how to convert excel table to html code

為什麼開發人員會選擇 Excel-to-HTML 工作流程

當一份表格資料已經存在於試算表中,卻必須移到無法渲染 .xlsx 檔案的地方時,就會出現將 Excel 工作表轉換為 HTML 表格標記的需求。常見的目標位置包括靜態網站頁面、CMS 編輯器欄位、儲存庫中的 README 檔案、內部文件入口、可接受 HTML 的電子郵件範本,以及在實際元件建立完成前需要先有快速表格的設計 mockup。把試算表網格以影像方式貼上看起來很方便,但產生的影像無法被搜尋、無法用 CSS 設定樣式,而且對螢幕閱讀器而言是看不見的。從螢幕擷取畫面手寫表格既慢又容易出錯。直接轉換可以保留數值、賦予片段真正的語意,並讓下游的樣式設定接手處理。

問題在於「轉換」可能代表截然不同的事情。完整模擬字型、框線和欄寬的視覺匯出,需要伺服器端渲染器或重量級的程式庫,而且往往會產生脆弱的內嵌樣式。只擷取儲存值的有限片段則是另一回事,通常也更有用:它小、可攜、經得起複製貼上,並把呈現方式完全交給使用端的網站。Excel to HTML Table Converter 明確地屬於第二類。

產生的 HTML 片段看起來像什麼

輸出是一個由所選工作表的儲存值構成的單一 table 元素。工作表的第一列會成為 thead 中的 th 儲存格,後續的每一列都會成為 tbody 中的 td 儲存格。每個儲存格值在被放入標記之前都會進行 HTML 跳脫,這代表會破壞 HTML 結構的四個字元會被轉成實體:左角括號會變成 <,右角括號會變成 >,& 符號會變成 &,兩種引號則視需要變成 " 或 '。撇號也會被跳脫。

一個包含一個標頭列和兩個資料列的截斷範例,在頁面上檢視時會像下面的片段:

標頭列: SKU、Name、Stock第 1 列: A-001、Widget、42第 2 列: A-002、Sprocket & Gear、7

請注意 "Sprocket & Gear" 中的 & 符號在輸出中已經是實體。沒有 colspan 或 rowspan、沒有內嵌樣式、沒有 class 名稱、沒有 id 屬性、沒有 style 區塊,也沒有包圍的文件。片段僅包含結構化標記,這代表目標頁面或範本必須負責任何外觀或無障礙方面的工作。

如何將 Excel 工作表轉換為 HTML 表格標記

  1. 在瀏覽器中開啟 Excel to HTML Table Converter。
  2. 從磁碟中選擇一個本機的 .xlsx 活頁簿。檔案不得大於 20 MB,且必須使用經典的單磁碟 OOXML ZIP 結構(不支援 Zip64、多磁碟、加密、舊版 .xls 或啟用巨集的檔案)。
  3. 挑選要以第一列作為表格標頭的工作表。每個活頁簿包含一或多個工作表,只會轉換你所選的該工作表。
  4. 點擊 convert。瀏覽器會讀取儲存的工作表值,根據大小和 ZIP 限制驗證活頁簿,然後建立 HTML。
  5. 在頁面預覽中檢查跳脫後的片段。確認標頭列顯示預期的欄位標籤,且幾個代表性的儲存格是以文字而非標記的方式呈現。
  6. 下載檔案或將片段複製到剪貼簿,然後貼到你的目標 HTML、CMS 欄位或範本中。

如果頁面顯示的是錯誤而不是片段,代表活頁簿已觸發以下其中一項安全限制:超過 20 MB、ZIP 項目超過 2,000 個、解壓縮後超過 50 MB、使用解析器無法處理的結構,或所選工作表定址的儲存格超過 100,000 個。在任何情況下,原始的 .xlsx 都保持不變,瀏覽器也未保留任何副本。

工具強制執行的 Excel HTML 轉換限制

在讀取任何工作表之前,瀏覽器會驗證活頁簿的 ZIP 容器。這些限制的目的是讓解析器維持在單一分頁能合理用於單一檔案的資源範圍內,且會依序套用。

檢查項目限制超過時會發生什麼
檔案副檔名與容器經典單磁碟 .xlsx(OOXML ZIP)清晰的錯誤,不會產生部分片段
活頁簿大小磁碟上 20 MB清晰的錯誤,不會產生部分片段
ZIP 項目封存檔內 2,000 個檔案清晰的錯誤,不會產生部分片段
宣告的解壓縮大小50 MB清晰的錯誤,不會產生部分片段
所選工作表上的儲存格100,000 個已定址儲存格清晰的錯誤,不會產生部分片段
產生的 HTML10 MiB清晰的錯誤,不會產生部分片段

不會有任何悄悄截斷的情況。通過任何一項檢查失敗的活頁簿會以清楚的錯誤訊息停止,你可以保留原始的 .xlsx 作為資料來源。

片段不包含哪些內容

表格片段刻意比 Excel 渲染結果更為精簡。發布片段時,以下活頁簿功能並非輸出的一部分,必須另外重現,或者接受其遺失。

活頁簿功能是否在片段中?實際影響
儲存的儲存格值表格反映的是活頁簿快取的內容,而非重新計算公式後的結果
第一列作為表格標頭是(語意化 th)螢幕閱讀器會將其宣告為標頭列
公式儲存格僅儲存值瀏覽器不會重新計算,且巨集絕不會執行
圖表、影像、註解如果視覺效果很重要,請使用活頁簿匯出或獨立的影像
合併儲存格語意相鄰的儲存格會以個別 td 元素輸出
字型、顏色、框線、欄寬請在目標頁面或範本中套用 CSS
資料驗證、篩選、命名範圍與靜態表格無關
列印設定、工作表保護與靜態表格無關
超連結不會被追蹤;文字會被跳脫包含 URL 的儲存格會以文字顯示,而非可點擊的 anchor

這就是基於值的片段核心的取捨:結果可攜、可預期且體積小,但它並非 Excel 的視覺複製品。

為什麼本機轉換器對程式碼交接很重要

由於解析器完全在瀏覽器中執行,活頁簿不會經過伺服器。沒有上傳步驟、不需要建立帳號,工具也不會保留任何副本。對於包含內部識別碼、客戶資料列、草稿定價,或任何不應離開本機的資料集來說,這點很重要。相同的特性也代表你今天產生的片段在明天可以重現:輸入的活頁簿仍然存在於磁碟上,輸出則是其儲存值的字面呈現,沒有任何隱藏的伺服器端強化。

本機路徑也能讓轉換維持在有限範圍內。瀏覽器在開始解析之前會強制執行一組固定的大小與儲存格限制,因此失控的活頁簿無法釘住一個分頁或產生 200 MB 的 HTML 字串。失敗的限制會以清楚的錯誤呈現,且原始的 .xlsx 完全未受影響——對於一個職責是產生小型、可審閱成果物,而非取代完整試算表引擎的工具來說,這才是正確的行為。

如需更深入的瞭解,請參閱 如何在不上傳的情況下線上檢查 Excel 活頁簿

如需更深入的瞭解,請參閱 如何使用瀏覽器解析器清理 HTML 文字