html基本框架



相对div布局，框架布局是一个很古老，但是易于学习和掌握的布局技术。当一个网站中包含很多页面，每个页面又包含一些同样的区域的时候，我们可以选择框架布局。在现代前端开发中，框架布局已经被淘汰，取而代之的是DIV结合Ajax页面无刷新的加载技术。因此，这里只对框架布局做简单的介绍。

HTML5 不支持 标签。

头部header.html


导航nav.html

主页home.html

美食列表页recipes.html

尾部footer.html

首页index.html

最终效果

在导航页中，单击“主页”、“美食列表”超链接，是在导航窗口打开。


希望home.html和recipes.html在框架中间部分的右侧窗口打开。
（1）先给中间部分的右侧窗口取名
（2）在导航页nav.html中，设置主页链接、美食列表链接的target属性，指定在哪个窗口打开。

target属性表示链接打开方式

• _self 当前窗口（默认）
• _blank 新窗口
• _parent 父框架集
• _top 整个窗口
• framename 指定框架

示例：

锚点页

设置框架内部不可调整大小
设置框架没有边框

设置框架各部分的比例，头部设置为100px，尾部设置为50px，*代表剩余的就是中间部分的高度。

取消滚动条

版权声明：

本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。

本文网址：https://www.mushiming.com/mjsbk/3856.html