首页 > web前端 > html教程 > frameset框架怎么用?frameset框架属性的使用

frameset框架怎么用?frameset框架属性的使用

不言
发布: 2018-08-06 16:15:02
原创
4740 人浏览过

本篇文章给大家带来的内容是关于frameset框架怎么用?frameset框架属性的使用,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

frameset是HTML中的框架标签,用来定义多个框架的集合,每个框架都具有独立的文档。

frameset时使用注意两点:

①不能在body中使用

②当同一个HTML中存在frameset和body元素浏览器会优先使用frameset元素

frameset元素的标准属性有:rows、cols

rows代表行显示,它的值可以是px或者%或者*,当rows="120,*"的时候,代表第一个页面占据了120px,第二个页面将会占据剩余的空间。

cols代表列显示,值如上

frameset框架实例如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Hello!Word</title>
</head>
<frameset rows="25%,50%,25%">
    <frame src="HTML/html1.html">
    <frame src="HTML/html2.html">
    <frame src="HTML/html3.html">
</frameset>

</html>
登录后复制

代码解读:我们定义了一个frameset元素,引入了三个框架页面大小分别是25%、50%、25%,用rows行显示,第一个html1页面占整个页面的25%,html2占整个页面的50%,html3占整个页面的25% ,子标签用于链入html页面

  运行成果图:

cols使用也是相同

这时候我们就会产生一个疑问了,如果frameset中没有rows和cols属性呢??

实践是检验真理的唯一标准!!!

通过实践我们得出当frameset没有rows与cols属性的时候,它只会显示你连接的第一个HTML页面

body可以被包含在frameset的子标签中,用来处理不能显示框架时的信息。但是这个标签一般都不会用到,因为现在的浏览器都支持frameset。

frameset标签搭配标记能够做到导航栏效果!!!

相关文章推荐:

HTML有哪些标签?html常用标签大全

html实现获取元素尺寸宽高的代码(纯代码)

以上是frameset框架怎么用?frameset框架属性的使用的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板