前端学习 -- Html&Css -- 框架集
2023-09-14 08:59:00 时间
框架集和内联框架的作用类似,都是用于在一个页面中引入其他的外部的页面,框架集可以同时引入多个页面,而内联框架只能引入一个,在h5标准中,推荐使用框架集,而不使用内联框架。
使用frameset来创建一个框架集,注意frameset不能和body出现在同一个页面中,所以要使用框架集,页面中就不可以使用body标签。
属性:
- rows,指定框架集中的所有的框架,一行一行的排列;
- cols, 指定框架集中的所有的页面,一列一列的排列。
这两个属性frameset必须选择一个,并且需要在属性中指定每一部分所占的大小。
frameset中也可以再嵌套frameset。
frameset和iframe一样,它里边的内容都不会被搜索引擎所检索,所以如果搜索引擎检索到的页面是一个框架页的话,它是不能去判断里边的内容的,使用框架集则意味着页面中不能有自己的内容,只能引入其他的页面,而我们每单独加载一个页面,浏览器都需要重新发送一次请求,引入几个页面就需要发送几次请求,用户的体验比较差,如果非得用建议使用frameset而不使用iframe。
demo:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <frameset cols="30% , * , 30%"> <frame src="lesson18.html" /> <frame src="NavigationBar.html" /> <frameset rows="30%,50%,*"> <frame src="RelativePosition.html" /> <frame src="Table.html" /> <frame src="ZindexAndOpacity.html" /> </frameset> </frameset> </html>
效果:
github地址:https://github.com/soyoungboy/htmlCssStudy/blob/master/HelloHBuilder/frameset.html
刻运行下看看实际效果
相关文章
- [译]HTML&CSS Lesson5: 定位
- hive时间戳转换&UDF更新
- [J2ME Q&A]Target port denied to untrusted applications问题回应
- css动画 aniamtion & @keyframes
- 前端学习 -- Html&Css -- 背景
- [HTML 5] stopPropagation & stopImmediatePropagation
- [Angular HTML] Overwrite input value, String.fromCharCode & input.selectionStart
- HTML DOM print() 方法 ,html 打印
- 【IOS-COCOS2D(2.X) 游戏开发之一】自定义CCSPRITE中-(ID) INIT 重写需注意& 2.X版本中注册触屏事件代码&简述COCOS2D/X/UNITY3D引擎使用感想!
- 前端学习 -- Html&Css -- 框架集
- Linux - 最常用的三个网络命令:route & traceroute & ip
- [HTML 5] stopPropagation & stopImmediatePropagation
- [HTML 5] Understanding DOM loading event & 'async', 'defer' keyword
- [Angular 2] ng-control & ng-control-group
- [Servlet&JSP] 从JSP到Servlet
- HTML DOM print() 方法 ,html 打印
- 华为OD机试 - 新学校选址(Java & JS & Python)
- 华为OD机试 - 最大矩阵和(Java & JS & Python)
- Spring+SpringMVC+Mybatis(开发必备技能)02、完整DML&DQL语句demo示例
- html中<li></li>中使用<br>和<li></li>外面使用<br>
- 在jsp中显示原始html代码,不要渲染 / 在JSP页面中如何将HTML标记显示出来
- HTML中<input>參数,以及文本输入框,文本域的解说
- HDU - 2276 Kiki & Little Kiki 2
- 如何把包含图片的docx文件转换为HTML WORD 转为html
- 黑马day17 ajax&实现username自己主动刷新
- 思科恶意加密TLS流检测论文记录——由于样本不均衡,其实做得并不好,神马99.9的准确率都是浮云啊,之所以思科使用DNS和http一个重要假设是DGA和HTTP C&C(正常http会有图片等)。一开始思科使用的逻辑回归,后面17年文章是随机森林。
- 【书籍&&资料】~ IEEE Standard for SystemVerilog 1800-2017