HTML框架标签,在同一个窗口显示多个页面

HTML的框架不是指前端的框架,而是HTML的框架标签<frameset>,该标签可以在同一个浏览器的窗口显示多个页面的效果。通常情况下,同一个窗口内的一个HTML的文档被称为一个框架,而且框架与框架之间一般互不影响。


HTML框架标签

<frameset></frameset>

<frameset>需要闭合标签。在介绍HTML的框架标签之前,先来看一个实例及其效果!


HTML框架标签实例代码,及在线编辑器

<frameset cols="50%,50%" noresize="noresize">
  <frame src='https://www.x1y1z1.com/html/html_index.html'>
  <frame src='https://www.x1y1z1.com/python/python_index.html'>
</frameset>

如果运行不了,请继续往下看

如上代码,正常情况下,通过上方的试一试按钮进行在线运行不会得到任何渲染的效果,这是为什么呢?因为<frameset>标签不能跟<body>标签一同使用,而本网页的HTML模板是固定的,已经添加了<body>标签,所以再添加<frameset>就无法渲染。大家可以将上述实例中的代码复制到电脑上的HTML的IDE中,然后去掉<body>和</body>标签,再尝试一下,鄙人尝试过了,可以渲染出一个窗口显示多个网页的效果。


frameset框架解析

  • 如上面的实例中的代码,<frameset>标签将网页定义为可以切分的框架;
  • frameset中的cols属性用来定义网页分割成数列(一个列一个HTML文档),其中的百分比,如25%和75%则表示列的宽度占比;
  • frameset标签如果使用的rows属性,则将网页水平分割成数个框架;
  • 为<frameset>标签添加noresize = "noresize"的属性之后,框架的尺寸便不能通过鼠标来拖动改变;
  • <frame>标签没有闭合标签,用来引入每个框架内的HTML文档;
  • <frame>中的src属性为引入的HTML文档的url地址;

全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.