在浏览网页时，我们经常会看到一个导航条，当点击导航条上的项目时，相应网页会在显示区域变换显示。那么如何将一个界面中，左边设置为导航栏，点击项目链接，则右边显示相应的内容呢？使用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区域显示。
