如何使用frame框架，将左边视为导航栏，右边作为链接界面
生活随笔
收集整理的這篇文章主要介紹了
如何使用frame框架，将左边视为导航栏，右边作为链接界面
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
在瀏覽網(wǎng)頁(yè)時(shí)，我們經(jīng)常會(huì)看到一個(gè)導(dǎo)航條，當(dāng)點(diǎn)擊導(dǎo)航條上的項(xiàng)目時(shí)，相應(yīng)網(wǎng)頁(yè)會(huì)在顯示區(qū)域變換顯示。那么如何將一個(gè)界面中，左邊設(shè)置為導(dǎo)航欄，點(diǎn)擊項(xiàng)目鏈接，則右邊顯示相應(yīng)的內(nèi)容呢？使用frameset框架，并且設(shè)置鏈接標(biāo)簽<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>效果如圖： 框架用紅色以標(biāo)出。
要使左導(dǎo)航欄index與頭部的導(dǎo)航欄top中的項(xiàng)目在右側(cè)content區(qū)域顯示，則需要在使用<a>鏈接時(shí)，使用target屬性，設(shè)置鏈接顯示的位置，代碼如下：
左導(dǎo)航欄index.html中添加：
<a href='a.html' target="right">首頁(yè)</a> <a href='b.html' target="right">新聞</a>頭部導(dǎo)航欄top.html中添加：
<a href="user.html" target="right">個(gè)人中心</a>則左導(dǎo)航欄index與頭部的導(dǎo)航欄top中的項(xiàng)目可以在右側(cè)content區(qū)域顯示。
?
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的如何使用frame框架，将左边视为导航栏，右边作为链接界面的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： C++学习之路 | PTA乙级—— 10
- 下一篇： 华为鸿蒙操作界面,华为鸿蒙被“实锤”，操