HTML 渲染設定

在從HTML字串、文件或網頁URL進行渲染時,您可以配置多種渲染選項。 上述設定包括自定義紙張尺寸及可配置的測量單位,啟用HTML背景、頁面方向、文件標題、延遲渲染過程、指定CSS媒體型別、選擇紙張模式、建立可編輯的表單欄位、自定義邊距以及新增頁碼。

CSS媒體型別"screen"和"print"是用於指定樣式應如何應用於HTML文件的指令,根據顯示或輸出的媒介來決定。 當選擇"screen"作為媒體型別時,表示CSS規則旨在用於螢幕觀看,優化例如顏色和佈局等因素以適合數位螢幕。 相反地,當選擇"print"時,它指示瀏覽器應用針對印刷文件的樣式,確保在將HTML內容列印到實體媒介上時的可讀性和適當的格式設置。 有時候,需要將CSS媒體型別設置為"screen"來顯示某些背景圖片。

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

解釋:

  • HTML結構:程式碼按照標準HTML5格式結構化,包含<body>部分。
  • 中繼資料:<meta>標籤定義了字元集和響應式設計的視口。

樣式表:

  • 預設body樣式:設置適用於所有媒體的字型系列和邊距。
  • Screen媒體查詢:適用於數字螢幕的淺灰色背景和較深的文字。
  • Print媒體查詢:適用於列印的白色背景和黑色文字。

範例使用: 給定的HTML和CSS結構幫助演示不同樣式可以根據內容是在螢幕上查看還是列印時如何應用。

在GitHub上發現更多PDF生成設定範例。

準備好開始了嗎?
版本: 2026.6 剛剛發布
Still Scrolling Icon

還在滾動嗎?

想要快速的證據嗎?
運行範例觀看您的HTML變為PDF。