如何使用frame框架，将左边视为导航栏，右边作为链接界面
生活随笔
收集整理的這篇文章主要介紹了
如何使用frame框架，将左边视为导航栏，右边作为链接界面
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在瀏覽網頁時，我們經常會看到一個導航條，當點擊導航條上的項目時，相應網頁會在顯示區域變換顯示。那么如何將一個界面中，左邊設置為導航欄，點擊項目鏈接，則右邊顯示相應的內容呢？使用frameset框架，并且設置鏈接標簽<a>的target屬性即可。
首先我們使用frame將主界面劃分為3塊，具體代碼如下：
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>框架</title><!--框架 注意不要放在body中--><frameset rows="20%,80%" noresize="noresize" ><frame src='top.html' name='top'/><frameset cols="20%,70%"><frame src='index.html' name="left"/><frame src="content.html" name='right'/></frameset></frameset></head> </html>效果如圖： 框架用紅色以標出。
要使左導航欄index與頭部的導航欄top中的項目在右側content區域顯示，則需要在使用<a>鏈接時，使用target屬性，設置鏈接顯示的位置，代碼如下：
左導航欄index.html中添加：
<a href='a.html' target="right">首頁</a> <a href='b.html' target="right">新聞</a>頭部導航欄top.html中添加：
<a href="user.html" target="right">個人中心</a>則左導航欄index與頭部的導航欄top中的項目可以在右側content區域顯示。
?
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的如何使用frame框架，将左边视为导航栏，右边作为链接界面的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： C++学习之路 | PTA乙级—— 10
- 下一篇： 华为鸿蒙操作界面,华为鸿蒙被“实锤”，操