当前位置:  首页  >  前端开发  >  HTML

HTML框架是什么

HTML入门教程:HTML框架是<frameset>(框架结构标签),通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

框架(推荐学习:HTML入门教程)

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

使用框架的坏处:

开发人员必须同时跟踪更多的HTML文档

很难打印整张页面

框架结构标签()

框架结构标签()定义如何将窗口分割为框架

每个 frameset 定义了一系列行或列

rows/columns 的值规定了每行或每列占据屏幕的面积

注:frameset 标签也被某些文章和书籍译为框架集。

框架标签(Frame)

Frame 标签定义了放置在每个框架中的 HTML 文档。

在下面的这个例子中,我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中,而 HTML 文档 "frame_b.htm" 被置于第二个列中:


   
   

基本的注意事项 - 有用的提示:

假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 标签中加入:noresize="noresize"。

为不支持框架的浏览器添加 标签。</p><p>重要提示:不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。(在下面的第一个实例中,可以查看它是如何实现的。<p>以上就是HTML框架是什么的详细内容,更多请关注 第一PHP社区 其它相关文章!</p> </div> <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;"> </div> <div class="article_cmnt"> <div class="cmnt_title">吐了个 "CAO" !</div> <form action="" method="post"> <div class="cmnt_text"> <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了</textarea> </div> <div class="cmnt_cmt"> <div class="cmnt_login_box"> <a href="https://www.php1.cn/?s=user/login/index&from=https%3A%2F%2Fwww.php1.cn%2Fdetail%2Fphp-38adfb770c.html">会员登录</a> | <a href="http://www.php1.cn/?s=user/reg/index">用户注册</a> </div> <div class="post_cmnt"><input type="button" value="吐 &nbsp;槽" onclick="post_ping();" /></div> </div> </form> </div> </div> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushBash.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushCpp.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushCSharp.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushCss.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushDelphi.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushDiff.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushGroovy.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushJava.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushJScript.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushPhp.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushPlain.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushPython.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushRuby.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushScala.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushSql.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushVb.js"></script> <script type="text/javascript" src="https://www.php1.cn/SyntaxHighlighter/scripts/shBrushXml.js"></script> <link type="text/css" rel="stylesheet" href="https://www.php1.cn/SyntaxHighlighter/styles/shCore.css"/> <link type="text/css" rel="stylesheet" href="https://www.php1.cn/SyntaxHighlighter/styles/shThemeLiuQing.css"/> <style>.syntaxhighlighter{padding-top:20px;padding-bottom:20px;}</style> <script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = 'https://www.php1.cn/SyntaxHighlighter/scripts/clipboard.swf'; SyntaxHighlighter.all(); </script> <div class="article_right"> <div class="profile"> <div class="login"> <!-- 未登录 --> <div class="login-info"> <div class="user-photo"> <img src="/style/home/images/user-no-photo.jpg" class="lazy-img" data-url="" alt="第一PHP社区"> </div> <div class="user-txt"> <p style="color: #666;font-weight: bold;">Hi,亲爱的小伙伴!</p> <p>欢迎来到php1.cn社区!</p> <p><a href="https://www.php1.cn/?s=user/login/index&from=https%3A%2F%2Fwww.php1.cn%2Fdetail%2Fphp-38adfb770c.html" class="login-open" title="PHP登录">点击登录, 发现精彩</a></p> </div> </div> <div class="login-btn"> <a href="https://www.php1.cn/?s=user/reg/index" class="skins-btn sign-btn" title="PHP用户注册">注册</a> <a href="https://www.php1.cn/?s=user/login/index&from=https%3A%2F%2Fwww.php1.cn%2Fdetail%2Fphp-38adfb770c.html" class="skins-btn skins-btn-green">登录</a> </div> </div> </div> <div class="wx_pic"> <div class="wx_top_line"> <div class="wx_t_l"></div> <div class="wx_t_r"></div> </div> <div class="wx_top">扫码关注 PHP1 官方微信号</div> <div class="wx_box"> <img src="/style/home/images/wx_pic.png"/> </div> </div> <div class="tools"> <div class="tools_top_line"> <div class="tools_t_l"></div> <div class="tools_t_r"></div> </div> <div class="tools_top">Tools Online | 在线开发工具</div> <div class="tools_box"> <ul> <li> <a href="https://tools.php1.cn/?s=jsformat" title="HTML/JS格式化/压缩">HTML/JS格式化/压缩</a> </li> <li> <a href="https://tools.php1.cn/?s=cssformat" title="CSS代码格式化工具">CSS代码格式化工具</a> </li> <li> <a href="https://tools.php1.cn/?s=editor" title="文章自动排版工具">文章自动排版工具</a> </li> <li> <a href="https://tools.php1.cn/?s=htmljs" title="HTML/JS转换">HTML/JS转换</a> </li> <li> <a href="https://tools.php1.cn/?s=utf8" title="UTF-8编码转换工具">UTF-8编码转换工具</a> </li> <li> <a href="https://tools.php1.cn/?s=unicode" title="Unicode 转换">Unicode 转换</a> </li> <li> <a href="https://tools.php1.cn/?s=urlencode" title="URL编码解码">URL编码解码</a> </li> <li> <a href="https://tools.php1.cn/?s=qrcode" title="二维码生成工具">二维码生成工具</a> </li> <li> <a href="https://tools.php1.cn/?s=ip" title="IP地址查询">IP地址查询</a> </li> <li> <a href="https://tools.php1.cn/?s=httpcode" title="HTTP状态码(响应码)">HTTP状态码(响应码)</a> </li> <li> <a href="https://tools.php1.cn/?s=headers" title="网页Header头">网页Header头</a> </li> <li> <a href="https://tools.php1.cn/?s=htmlcode" title="网页源代码">网页源代码</a> </li> <li> <a href="https://tools.php1.cn/?s=colorjson" title="JSON解析着色">JSON解析着色</a> </li> <li> <a href="https://tools.php1.cn/?s=diff" title="Diff文件比较">Diff文件比较</a> </li> </ul> </div> </div> <div class="rank"> <div class="rank_top_line"> <div class="rank_t_l"></div> <div class="rank_t_r"></div> </div> <div class="rank_top">RankList | 热门文章</div> <div class="rank_box"> <ul> <li> <b >1</b><a href="http://www.php1.cn/detail/php-d4b69eb901.html" title="html中字体如何实现加粗(方法介绍)">html中字体如何实现加粗(方法介绍)</a> </li> <li> <b >2</b><a href="http://www.php1.cn/detail/php-388c71c2d6.html" title="详解html实现在线预览word、excel、pdf等文件的功能(附代码)">详解html实现在线预览word、excel、pdf等文件的功能(附代码)</a> </li> <li> <b >3</b><a href="http://www.php1.cn/detail/php-c68ece6631.html" title="适合小白学习的前端页面知识(值得一看)">适合小白学习的前端页面知识(值得一看)</a> </li> <li> <b >4</b><a href="http://www.php1.cn/detail/php-902ed11cb5.html" title="如何用html标记语言编写一个简单的网页">如何用html标记语言编写一个简单的网页</a> </li> <li> <b >5</b><a href="http://www.php1.cn/detail/php-c9aae41667.html" title="html实现在线预览文件功能(图文详解)">html实现在线预览文件功能(图文详解)</a> </li> <li> <b class="black">6</b><a href="http://www.php1.cn/detail/php-6036806f6c.html" title="值得一看的html5实现简单老虎机的教程(游戏开发)">值得一看的html5实现简单老虎机的教程(游戏开发)</a> </li> <li> <b class="black">7</b><a href="http://www.php1.cn/detail/php-10c150e803.html" title="html简单日历的实现(附源码)">html简单日历的实现(附源码)</a> </li> <li> <b class="black">8</b><a href="http://www.php1.cn/detail/php-fc9c11bc61.html" title="html新手入门必学知识点">html新手入门必学知识点</a> </li> <li> <b class="black">9</b><a href="http://www.php1.cn/detail/php-f654046710.html" title="html空格代码怎么写">html空格代码怎么写</a> </li> <li> <b class="black">10</b><a href="http://www.php1.cn/detail/php-73e587e653.html" title="HTML标记中,表示网页标题的标记是什么">HTML标记中,表示网页标题的标记是什么</a> </li> <li> <b class="black">11</b><a href="http://www.php1.cn/detail/php-d849e7117a.html" title="Frameset 标签的用法?">Frameset 标签的用法?</a> </li> <li> <b class="black">12</b><a href="http://www.php1.cn/detail/php-37bd14936f.html" title="HTML 和 HTML5 的区别是什么?">HTML 和 HTML5 的区别是什么?</a> </li> </ul> </div> </div> <div class="baidu_ad_box" style="width: 320px;height: 280px;margin-top: 15px;text-align: center;border: 1px solid #ddd;padding-top: 10px;padding-bottom: 10px;"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- zishiying --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8923551941185667" data-ad-slot="9743942645" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="rank"> <div class="rank_top_line"> <div class="rank_t_l"></div> <div class="rank_t_r"></div> </div> <div class="rank_top">Recommend | 推荐阅读</div> <div class="rank_box"> <ul> <li> <b >1</b><a href="http://www.php1.cn/detail/php-ae6453c9f7.html" title="手机html文件怎么打开?1分钟打开苹果html文件">手机html文件怎么打开?1分钟打开苹果html文件</a> </li> <li> <b >2</b><a href="http://www.php1.cn/detail/php-d4afa59c31.html" title="mysql怎么更改纵向变横向排列">mysql怎么更改纵向变横向排列</a> </li> <li> <b >3</b><a href="http://www.php1.cn/detail/php-95a0abf84c.html" title="mysql如何调用存储过程">mysql如何调用存储过程</a> </li> <li> <b >4</b><a href="http://www.php1.cn/detail/php-b9c76ab23a.html" title="php字符替换的实现方法-PHP问题">php字符替换的实现方法-PHP问题</a> </li> <li> <b >5</b><a href="http://www.php1.cn/detail/php-e319107446.html" title="使用CSS的!important如何改变优先级">使用CSS的!important如何改变优先级</a> </li> <li> <b class="black">6</b><a href="http://www.php1.cn/detail/php-c8fae8743e.html" title="HTML实现页面点击下载文件的两种实现方法">HTML实现页面点击下载文件的两种实现方法</a> </li> <li> <b class="black">7</b><a href="http://www.php1.cn/detail/php-a32f4cfab9.html" title="如何测试apach php是否安装成功-PHP问题">如何测试apach php是否安装成功-PHP问题</a> </li> <li> <b class="black">8</b><a href="http://www.php1.cn/detail/php-5f8b7a9c62.html" title="HTML如何在两个div标签中间画一条竖线">HTML如何在两个div标签中间画一条竖线</a> </li> <li> <b class="black">9</b><a href="http://www.php1.cn/detail/php-62841c1b54.html" title="mysql创建表命令是哪句">mysql创建表命令是哪句</a> </li> <li> <b class="black">10</b><a href="http://www.php1.cn/detail/php-c7173396cd.html" title="PHP 核心特性之命名空间">PHP 核心特性之命名空间</a> </li> <li> <b class="black">11</b><a href="http://www.php1.cn/detail/php-2d1aa6b3c4.html" title="nodejs模块的简单理解(附示例)">nodejs模块的简单理解(附示例)</a> </li> <li> <b class="black">12</b><a href="http://www.php1.cn/detail/php-e3e5216a91.html" title="如何在php中改变字的颜色-PHP问题">如何在php中改变字的颜色-PHP问题</a> </li> </ul> </div> </div> </div> <div style="clear: both;"></div> </div> <div style="clear: both"></div> <div class="bottom"> PHP1.CN | 中国最专业的PHP中文社区 | <a href="https://www.json1.cn/" target="_blank" title="json解析格式化">json解析格式化</a> | <a href="https://news.php1.cn/" title="PHP资讯">PHP资讯</a> | <a href="https://school.php1.cn/" title="PHP教程">PHP教程</a> | <a href="https://database.php1.cn/" title="数据库技术">数据库技术</a> | <a href="https://server.php1.cn/" title="服务器技术">服务器技术</a> | <a href="https://web.php1.cn/" title="前端技术">前端开发技术</a> | <a href="https://www.php1.cn/phpframework.html" title="PHP框架">PHP框架</a> | <a href="https://tools.php1.cn/">开发工具</a> | <a href="https://www.json1.cn/tools/" title="在线工具">在线工具</a><BR /> Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有 <BR /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </div> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'https://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script></body> </html>