frameset布局

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

猜你喜欢

转载自blog.csdn.net/qq_38880700/article/details/89143258