frameset布局
最近一直在用的vue框架,大家都知道vue是单页面应用。如果抛弃js框架,和ui框架的话,如果写一个左右布局左边是菜单右边是内容的,类似后台管理那种布局怎么写呢?首先想到了frameset,但是很可惜虽然各大浏览器都还支持 但是H5已经不支持了
用法
需要四个html文件,分别是main.html,left.html,right.html,和a.html
1.main.html中作为一个入口文件,放frameset标签
<html>
<frameset cols="10%,*">
<frame src="left.html"> <!--src是要打开的页面容器,name是在什么地方打开,这个打开页面的名字-->
<frame src="right.html" name="rightframe">
</frameset>
</html>
2.right.html是一个空文件,里面用来放内容(作为左边菜单点击呈现的内容的容器)
3.letf.html文件,是我们左边的导航栏
<html>
<body>
<a href ="a.html" target ="rightframe">Frame a</a><br /> <!--其中这个target对应的值就是我们在main.htm中设置的值-->
<a href ="b.html" target ="rightframe">Frame b</a><br />
<a href ="c.html" target ="rightframe">Frame c</a>
</body>
</html>
4.a.html就是页面内容
<body style="background-color;red">
a页面
</body>
很好用的一个标签,后面记录iframe