HTML 原始碼 (.html)
WHATWG 標準HTML 是用於建構網頁結構的標記,包含標題、連結、表單、圖片與其他內容。瀏覽器會算繪該結構並套用 CSS 與指令碼來控制其外觀與行為。
將 JSON 轉換為 HTML
免費的瀏覽器端 JSON 轉 HTML 轉換器。在您的裝置上即時轉換檔案。
檢查與中繼資料
作業系統與檔案分析工具透過檢查開頭的二進位位元組序列來識別 HTML 檔案:
位元組層級標頭簽章(檔案簽章)
作業系統與檔案分析工具透過檢查開頭的二進位位元組序列來識別 HTML 檔案:
十六進位簽章(偏移量 0):
3C 21 44 4F 43 54 59 50 45 20 68 74 6D 6CASCII 表示法: <!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 (目前) | MD | XML | |
|---|---|---|---|---|
| 互動性與邏輯 | 完整的 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> 等乾淨語意元素的原生支援。