HTML 原始碼 (.html)

WHATWG 標準

HTML 是用於建構網頁結構的標記,包含標題、連結、表單、圖片與其他內容。瀏覽器會算繪該結構並套用 CSS 與指令碼來控制其外觀與行為。

將 JSON 轉換為 HTML

免費的瀏覽器端 JSON 轉 HTML 轉換器。在您的裝置上即時轉換檔案。

檢查與中繼資料

作業系統與檔案分析工具透過檢查開頭的二進位位元組序列來識別 HTML 檔案:

在這裡選擇或拖放檔案

私密 - 檔案絕不會離開您的裝置

或貼上 Ctrl+V
零網路傳輸隱私保證: 0 位元組上傳至外部伺服器。所有處理皆在本機瀏覽器沙箱中進行。

位元組層級標頭簽章(檔案簽章)

作業系統與檔案分析工具透過檢查開頭的二進位位元組序列來識別 HTML 檔案:

十六進位簽章(偏移量 0):

3C 21 44 4F 43 54 59 50 45 20 68 74 6D 6C

ASCII 表示法: <!DOCTYPE html

標準化: WHATWG HTML Living Standard / W3C 建議標準

技術規格

容器架構結構化為階層式文件物件模型(DOM)樹狀元素的 Unicode 文字串流
壓縮未壓縮的文字串流(通常透過 HTTP 經由 Brotli 或 Gzip 進行壓縮)
位元組序UTF-8 / Unicode 文字串流(BOM 為選填)
色彩空間sRGB, Display P3, 透過 CSS Color 4 的 Rec.2020
色版與結構超文字標記、CSS 樣式、JavaScript 互動、內嵌 SVG、Canvas、音訊與影片
最大尺寸無限制的文件畫布範圍(無限捲動)
透明度完整的 CSS 不透明度、alpha 色彩通道(rgba/color())與混合模式
串流與漸進式漸進式串流解析:瀏覽器會在完整檔案下載完成前就開始算繪元素

技術比較矩陣:HTML 對比競爭格式

技術屬性HTML (目前)MDXMLPDF
互動性與邏輯完整的 JavaScript 與 DOM 指令碼僅有靜態宣告式文字資料儲存(無內建邏輯)有限的表單指令碼(AcroJS)
樣式彈性無限的 CSS3/CSS4 視覺控制依賴佈景主題的預設樣式需要 XSLT 樣式表嚴格的像素固定版面配置
HTML 頁面算繪當瀏覽器或閱讀系統提供 EPUB 算繪器時支援需要 Markdown 算繪引擎需要 XML 檢視器或樣式需要內嵌 PDF 外掛程式
超連結原生網路超連結(href)Markdown 語法 [text](url)XML XLink 語法內嵌 PDF 連結註解

常見損壞模式與十六進位修復指南

頁面將原始 HTML 標籤顯示為文字或亂碼外文字元(例如「é」)。

根本原因: 缺少 UTF-8 字元編碼宣告('<meta charset="utf-8">')或編碼標頭不符。

修復: 新增 '<meta charset="utf-8">' 或使用 File2File.app 文字轉換器重新編碼為 UTF-8。

安全性分析與解析器攻擊向量

HTML 算繪引擎會執行指令碼並解析複雜的標記,此時未經過濾的輸入會導致跨網站指令碼(XSS)。

已知攻擊向量

  • 已儲存或反射型跨網站指令碼(XSS),會竊取使用者工作階段 Cookie 與驗證權杖。
  • HTML 隱碼攻擊(HTML Injection),透過偽造的登入介面欺騙使用者。
  • 基於 DOM 的安全性弱點,會操縱 document.location 或 eval()。

防禦最佳實務: 在將不受信任的使用者輸入插入 DOM 之前,務必使用如 DOMPurify 等強固的程式庫進行淨化。

歷史起源與里程碑

2019W3C 與 WHATWG 簽署歷史性協議,確立 WHATWG HTML Living Standard 為單一標準來源。
2014W3C 完成 HTML5 建議標準的最終制定,引入原生影片、音訊、Canvas 與響應式語意。
1993柏能納斯-李(Tim Berners-Lee)在 CERN 發布第一個正式的 HTML 網際網路草案。

主要優勢與優點

  • 瀏覽器會直接解析 HTML,因此不需獨立的文件閱讀器就能開啟頁面。編輯器與發布系統也使用 HTML 來為網路建構內容結構。
  • 與用於視覺設計的 CSS 及用於動態互動的 JavaScript 無縫整合。
  • 串流版面配置引擎:隨著資料透過網路抵達,瀏覽器可以漸進式地解析、配置並算繪 HTML。

技術限制與缺點

  • 獨立的 .html 檔案如果不經過打包(例如 MHTML/Base64),將無法封裝所連結的外部圖片、字型或樣式表。
  • 不同瀏覽器引擎(Blink、WebKit、Gecko)之間的算繪結果可能會有些微差異。
  • 高安全性攻擊面:未跳脫的使用者輸入可能會造成跨網站指令碼(XSS)弱點。

有趣的技術冷知識

  • 柏能納斯-李(Tim Berners-Lee)於 1989 年在 CERN 發明了 HTML,以協助核子物理學家在不同電腦之間輕鬆分享研究論文。
  • HTML Living Standard 沒有版本號(沒有「HTML6」);它是持續維護與更新的。
  • 您可以對地球上任何網頁按一下滑鼠右鍵並選取「檢視網頁原始碼」,來查看其底層的 HTML 程式碼。

常見技術問題

HTML 的用途是什麼?

HTML 用於建構網際網路上的內容,建立包含文字、標題、圖片、連結、表單與內嵌多媒體的網頁。

我可以將 HTML 轉換為 PDF 或 Markdown 嗎?

可以。File2File.app 可以在您的瀏覽器中直接將任何 HTML 檔案算繪並轉換為乾淨、可列印的 PDF 文件或輕量級 Markdown 文字檔。

HTML 與 HTML5 有什麼區別?

HTML5 是 HTML 的現代演進版本,新增了對影片與音訊播放、互動式 canvas 圖形、行動裝置響應式設計,以及 <header>、<article> 和 <footer> 等乾淨語意元素的原生支援。