温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何使用frameset框架属性

发布时间:2020-07-21 09:48:06 来源:亿速云 阅读:191 作者:Leah 栏目:web开发

本篇文章给大家分享的是有关如何使用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% ,子标签<frame>用于链入html页面

 运行成果图:

如何使用frameset框架属性

cols使用也是相同

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

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

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

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

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

以上就是如何使用frameset框架属性,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI