本篇文章给大家分享的是有关如何使用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页面
运行成果图:
cols使用也是相同
这时候我们就会产生一个疑问了,如果frameset中没有rows和cols属性呢??
实践是检验真理的唯一标准!!!
通过实践我们得出当frameset没有rows与cols属性的时候,它只会显示你连接的第一个HTML页面
body可以被包含在frameset的子标签<noframe>中,用来处理不能显示框架时的信息。但是这个标签一般都不会用到,因为现在的浏览器都支持frameset。
frameset标签搭配<a>标记能够做到导航栏效果!!!
以上就是如何使用frameset框架属性,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。