iframe標簽用法詳解
阿新 • • 發佈：2017-10-22
main -1 pan rac 如果 net fonts 滾動條 type
功能：iframe標簽用於定義內聯框架。
語法：<iframe></iframe>
內聯框架是在一個頁面中嵌入另一個頁面。
有很多網頁看上去是一個網頁，但實際上它其中可能鑲嵌有其它網頁，<iframe>標簽就可以把其它網頁無縫地嵌入在一個頁面中。
<iframe>主要用於那些多個網頁的共有部分，如導航欄、廣告欄等。
HTML與XHTML之間的差異：無。
S：Strict，T：Transitional，F：Frameset| 屬性 | 值 | 描述 | DTD |
|---|---|---|---|
| src | URL | 指定顯示在框架中的文件。 | TF |
| name | 字符串 | 指定框架的名字。 | TF |
| width | 長度值或百分比 | 框架的寬度。 | TF |
| height | 長度值或百分比 | 框架高度。 | TF |
| align | left | right | top | middle | bottom | 框架的對齊方式。該屬性影響的是框架和周圍文字的環繞關系。 | TF |
| frameborder | 0 | 1 | 是否顯示框架的邊框。 | TF |
| scrolling | yes | no | auto | 是否顯示滾動條。 | TF |
| marginheight | 長度值 | 框架內頂部和底部邊距。 | TF |
| marginwidth | 長度值 | 框架內左側和右側邊距。 | TF |
| longdesc | URL | 描述此框架內容的長文檔的URL。可為那些不支持框架的瀏覽器使用此屬性。 | TF |
name屬性：
name屬性為框架窗口指定了名字，當需要讓一個超鏈接在指定的框架中打開時，可以使用<a href="..." target="窗口名">...</a>的方式定義超鏈接。
scrolling屬性：
如果設置scrolling="yes"，則該框架始終帶滾動條；如果設置scrolling="no"，則該框架沒有滾動條，如果框架內的文檔超出了框架範圍，將被裁切；如果設置scrolling="auto"，則該框架的滾動條取決於包含的文檔尺寸，當文檔沒有超出框架範圍，就不顯示滾動條，當文檔超出框架範圍，就顯示滾動條。
scrolling屬性的默認值是"auto"。
iframe用法示意圖：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <iframe src="https://www.taobao.com/" width="1200" height="500"></iframe> </body> </html>淘寶
iframe標簽用法詳解