HTML 框架

作者 : 开心源码本文共1078个字，预计阅读时间需要3分钟发布时间： 2022-05-12 共182人阅读

? 简单对HTML框架知识进行总结

? 在详情框架之前，读者有必要先理解一下响应式web网页的设计概念。

响应式web网页设计的定义:

? 页面的设计与开发，应当根据客户行为以及设施环境进行相应的响应。也就是说，当运行设施变化时，网页仍旧能够适应这种变化，达到在不同的设施环境下，展现出相同的页面效果。

说明:框架的出现，让我们对页面的布局，能够更好的调整与控制。

在html中，使用框架结构标签(<frameset>)配合使用百分比，定义如何将窗口分割为框架。

框架样式主要包括:

垂直(columns)框架

</frameset>

水平(rows)框架

<framesetrows=”25%,25%,50%”>? ? ? ? <frame src=”1.html”>? ? ? ? ? ? ? ? ? <frame src=”2.html”>? ? ? ? ? ? ? ? ? <frame src=”3.html”>? ? ? ? ? ? ?

</frameset>

内联(iframe)框架

<html>

<head>内联框架展现</hesd>

<body>

<p>某些老式的浏览器不支持内联框</p><p>假如不支持，iframe是不可见的</p>

</body>

</html>

说明:width设置内联框架的宽，height设置内联框架的高，frameborder=“0”删除框架的边框。以上提到的1.html 2.html? 3.html用于举例，需要读者自己根据需求，提前编辑好。

<noframes>标签的使用方法

<html>

<frameset cols>=”25%,50%,25%”>?

<body>您的浏览器无法解决框架</body></noframes>

</frameset>

</html>

重要提醒：

? 不能将<body></body>和<frameset></frameset>标签同时使用。

? 不过，如果增加包含一段文本的<noframes>标签，就必需将这段文字嵌套在<noframes><body></body></noframes>标签里面。

不支持内联标签框架设施

说明
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！
7. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » HTML 框架

分享到：