当前位置:Gxlcms > html代码 > frameset框架怎么用?frameset框架属性的使用

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

时间:2021-07-01 10:21:17 帮助过:36人阅读

本篇文章给大家带来的内容是关于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% ,子标签<frame>用于链入html页面

运行成果图:

cols使用也是相同

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

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

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

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

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

相关文章推荐:

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

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

以上就是frameset框架怎么用?frameset框架属性的使用的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行