2.19 嵌入外站

<iframe>：inline frame 的縮寫。

語意

嵌入其他內容在目前的網頁，可以是網頁、影片等形式，常見的有 YouTube 影片及 Google Map。

結構

<iframe src="#"></iframe>

範例 1：YouTube 影片

嵌入 youtube 影片，示意圖：

出現下圖，可複製 iframe 標籤：

例

<iframe width="560" height="315" src="https://www.youtube.com/embed/1UWI7epjcBk" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

結果呈現參考以下 codepen：

範例 2：Google Map

進到 google map 的網站，取得 101 地標 iframe 的示意圖：

結果呈現參考以下 codepen：