Iframe Generator

關於本工具

Iframe Generator 可建立即可使用的 HTML `<iframe>` 嵌入程式碼。設定來源 URL、尺寸、標題、捲動行為、延遲載入、全螢幕權限與 sandbox 屬性,然後複製輸出結果。

所有欄位都會即時更新產生的程式碼。不會有任何資料傳送到伺服器。title 屬性是無障礙功能所必需的:螢幕閱讀器會朗讀它以描述嵌入的內容。

使用方法

1. 在 URL 欄位中輸入要嵌入的網址。
2. 設定寬度、高度、標題、邊框、捲動與載入選項。
3. 視需要切換 allowfullscreen 與 sandbox;若開啟 sandbox,請選擇要授予的權限。
4. 複製產生的 iframe 程式碼並貼到你的 HTML 中。

使用情境

開發人員以精確的像素尺寸嵌入 YouTube 或 Vimeo 影片。前端工程師以 sandbox 安全機制嵌入地圖、小工具或第三方工具。設計師建立包含內嵌外部內容的入口頁面。

常見問題

• 什麼是 sandbox 屬性? — sandbox 限制嵌入頁面可執行的動作(執行指令碼、送出表單、開啟彈出視窗)。基於安全考量,只啟用你實際需要的權限。
• 為什麼 title 屬性很重要? — 螢幕閱讀器會使用 title 向視障使用者描述嵌入的內容。WCAG 2.1 要求每個 iframe 都必須有具意義的 title。
• 是不是每個網站都允許自己被嵌入? — 不是。網站可以傳送 X-Frame-Options 或 Content-Security-Policy 標頭來封鎖嵌入。你只能嵌入明確允許此行為的頁面。