在頁面中使用框架可以在同一瀏覽器窗口顯示多個頁面,每一個頁面就可以看作是一個框架,并且該框架獨立于其他框架。接下來在文章中將為大家具體介紹如何使用框架,具有一定的參考作用,希望對大家有所幫助

【推薦課程:html' target='_blank'>HTML教程】
構建框架頁面
框架可以用 frame /frame 標簽來表示
需要注意的是標簽 frameset 是可以嵌套使用的,它具有cols和rows屬性,其中cols是用于設定分割左右窗口的高度,rows是用于設置分割上下窗口的高度
例:
!DOCTYPE html html head meta charset= utf-8 /head frameset rows= 48,* cols= * frameborder= no border= 0 framespacing= 0 frame src= top.html name= topFrame scrolling= No noresize= noresize id= topFrame / frameset cols= 150,* frameborder= no border= 0 framespacing= 0 frame src= left.html name= leftFrame scrolling= No noresize= noresize id= leftFrame / frame src= main.html name= mainFrame id= mainFrame / /html
效果圖:

注意:使用 frameset 框架時需要將 body 標簽刪除,因為它是個特殊的HTML文件,當不刪除時瀏覽器無任何效果
頁內框架的使用
頁內框架和頁面框架的區別就是,頁內框架是一個普通頁面中的一個特殊區域,即普通頁面中含有多個框架通常為表格的單元格,而頁面
框架則是整個頁面就是一個框架。頁內框架可使用 iframe 標簽
例:
!DOCTYPE html html head meta charset= utf-8 /head iframe src= http://www.baidu.com/ /iframe /html
效果圖:

其中src表示的是指定預載頁面內容
本文參考:http://www.html.cn/doc/html/iframe/
總結:以上就是本篇文章的全部內容了,希望對大家有所幫助
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答