當(dāng)前位置：
首頁 >
028_内联框架
發(fā)布時間：2025/4/17
64
豆豆
1. iframe元素會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架(即行內(nèi)框架)。
2. 您可以把需要的文本放置在<iframe>和</iframe>之間, 這樣就可以應(yīng)對無法理解iframe的瀏覽器。
3. 可能屬性
4. 添加iframe的語法
4.1. iframe的語法
<iframe src="URL"></iframe>4.2. URL在iframe中顯示的文檔的位置。
5. iframe設(shè)置高度和寬度
5.1. height和width屬性用于規(guī)定iframe的高度和寬度。
5.2. 屬性值的默認單位是像素,?但也可以用百分比來設(shè)定(比如 "80%")。
6.? iframe邊框
6.1. frameborder屬性規(guī)定是否顯示iframe周圍的邊框。
6.2. 設(shè)置屬性值為"0"就可以移除邊框。設(shè)置屬性值為"1"顯示邊框。
7. 使用iframe作為鏈接的目標(biāo)
7.1. iframe可用作鏈接的目標(biāo)(target)。
7.2. 鏈接的target屬性必須引用iframe的name屬性。
8. 例子
8.1. 代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>iframe內(nèi)聯(lián)框架</title></head><body><iframe src="http://www.w3school.com.cn" width="500px" height="300px" frameborder="1">瀏覽器不支持iframe</iframe></body> </html>8.2. 效果圖
9. iframe作為鏈接的目標(biāo)
9.1. 代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>iframe作為鏈接的目標(biāo)</title></head><body><iframe name="iframe_a" frameborder="0">瀏覽器不支持iframe</iframe><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></body> </html>9.2. 效果圖
《新程序員》：云原生和全面數(shù)字化實踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀總結(jié)
- 上一篇： 017_CSS长度单位
- 下一篇： 033_字符集和编码