HTML 渲染設定

從 HTML 字串、文件或 Web URL 渲染時,可以配置許多渲染選項。 以上設定包括自訂紙張尺寸(可設定計量單位)、啟用 HTML 背景、頁面方向、文件標題、延遲渲染流程、指定 CSS 媒體類型、選擇紙張模式、建立可編輯表單欄位、自訂邊距以及新增頁碼。

CSS 媒體類型"screen"和"print"是指令,用於根據顯示或輸出媒介指定如何將樣式套用至 HTML 文件。 當選擇"螢幕"作為媒體類型時,表示 CSS 規則旨在用於螢幕觀看,針對數位螢幕優化顏色和佈局等因素。 相反,當選擇"列印"時,它會指示瀏覽器套用專為列印文件定制的樣式,從而確保在將 HTML 內容列印到實體媒體上時具有可讀性和正確的格式。 有時需要將 CSS 媒體類型設為"screen"才能顯示某些背景圖片。

渲染過程的延遲主要是為了提供 JavaScript 或字體載入足夠的時間。

解釋:

  • HTML結構:代碼以標準HTML5格式結構化,包含<body>部分。
  • 元數據:<meta>標籤定義字符集和響應式設計的視口。

樣式表:

  • 預設內文樣式:設定適用於所有媒體的字型家族與邊距。
  • 螢幕媒體查詢:針對數位螢幕,採用淺灰色背景搭配較深色的文字。
  • 打印媒體查詢:應用白色背景和黑色文字,這是打印的典型效果。

使用範例:所提供的 HTML 和 CSS 結構有助於展示如何根據內容是在螢幕上檢視或 PRINT,來套用不同的樣式。

在 GitHub 上找到更多 PDF 生成設定範例。

準備開始了嗎?
版本: 2026.5 just released
Still Scrolling Icon

還在捲動嗎?

想要快速證明?
執行範例 觀看您的 HTML 變成 PDF。