通過使用html框架,可以在一個瀏覽器窗口中展示多個頁面。也就是一個html文件中可以引入多個html文件。在網頁中框架使用比較少,但我們還是需要了解下。
方式1:iframe
使用iframe標簽來實現。具體的屬性及意義:
- src 指向不同的網頁,也就是html文件路徑。
- width height 用來設置iframe引入網頁的寬高大小。
- frameborder 定義iframe表示是否顯示邊框。1表示有,0表示沒有。
代碼示例:
<div> <iframesrc="demo_iframe.htm" width="500" height="500" frameborder="0"> </iframe> </div>
方式2:frame
<frame>標簽定義一個frameset中一個特定的窗口(框架)。特別注意不能與body同時使用,否則不起作用。
frameset標簽具體的屬性及意義:
- cols 設置框架中列的數目和尺寸,使用逗號分開。
- rows 定義框架中行的數目和尺寸,使用逗號分開。
- frameborder 框架是否設置邊框,1表示有,0表示沒有
- scrolling 框架內是否允許滾動條。
- noresize 規定無法調整窗口大小。
frame 的src設置了引入窗口文檔的地址。
示例代碼:
<html> <frameset cols="25%,50%,25%"> <frame src="frame_a.htm" /> <frame src="frame_b.htm" /> <frame src="frame_c.htm" /> </frameset> </html>
由於單頁面應用廣泛,多頁面基本都用在網站搭建中,所以html框架應用比較少,這節內容作為了解。