欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html frame标签怎么使用?frame标签的用法介绍(附实例)

程序员文章站 2022-04-21 11:05:57
...
本篇文章主要的介绍了关于html frame标签的介绍,有frame标签的定义及属性介绍,还有重要的html iframe标签的使用方法介绍。让我们一起来看这篇文章吧

我们首先来看看这篇文章的定义:

<frame> 标签定义 frameset 中的一个特定的窗口(框架)。

frameset 中的每个框架都可以设置不同的属性,比如 border、scrolling、noresize 等等。

注释:如果您希望验证包含框架的页面,请确保doctype被设置为"Frameset DTD"。阅读更多有关DOCTYPE的内容。

重要事项:您不能与<frameset></frameset>标签一起使用<body></body>标签。不过,如果您需要为不支持框架的浏览器添加一个<noframes>标签,请务必将此标签放置在<body></body>标签中!

再来看看属性的介绍:

html frame标签怎么使用?frame标签的用法介绍(附实例)

说说HTML iframe标签的用法:

iframe是框架的一种形式,也比较常用到,下面是对其在平时常用到属性的总结

下面是一个常规的案例:

<iframe border=2 frameborder=0 width=500 height=500 marginheight=0 marginwidth=0 scrolling=no src="move-ad.html">
</iframe>

HTML iframe标签的案例解释:

iframe用于设置文本或图形的浮动图文框或容器。

border设定围绕图文框的边缘宽度

其中还有快读高度的设计

scrolling=no是否有滚动条(YES,NO,AUTO)

src指定IFRAME调用的文件或图片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*)

HTML iframe标记的用法介绍:

提起iframe,可能你早已将之扔到“被遗忘的角落”了,不过,说起其兄弟Frame就不会陌生了。frame标记即帧标记,我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在,我们遇到一种很现实的情况:如有一个教程,是一节一节地上,每页末尾做一个“上一节“、“下一节“的链接,除了每节教程内容不同之外,页面其它部分内容都是相同的,如果一页一页地做笨页面,这似乎太让人厌烦了,这时突发奇想,如果有一种方法让页面其它地方不变,只将教程做成一页一页的内容页,不含其它内容,在点击上下翻页链接时,只改变教程内容部分,其它保持不变,这样,一是省时,另则以后如教程有个三长两短的变动,也很方便,不致于牵一发而动全军了;更重要的是将那些广告banner、栏目列表、导航等几乎每页的都有的东西只下载一次后就不再下载了。iframe标记,又叫浮动帧标记,你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的 HTML文件不是与另外的HTML文件相互独立显示,而是可以直接嵌入在一个HTML文件中,与这个HTML文件内容相互融合,成为一个整体,另外,还可以多次在一个页面内显示同一内容,而不必重复写内容,一个形象的比喻即“画中画“电视。

iframe标记的使用格式是:

<iframe src="URL" width="x" height="x" scrolling="[option]" frameborder="x"></iframe>

src:文件的路径,既可是HTML文件,也可以是文本、ASP等;

width、height:"画中画"区域的宽与高;

scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示;

FrameBorder:区域边框的宽度,为了让“画中画“与邻近的内容相融合,常设置为0。 比如:

<Iframe src="http://www.php.cn";; width="250" height="200" scrolling="no" frameborder="0"></iframe>

显示的效果如图:

html frame标签怎么使用?frame标签的用法介绍(附实例)

以上就是本篇文章的全部内容介绍了HTML frame标签的使用方法。有问题的可以在下方提问。

【小编推荐】

html5 header标签是什么意思?html5 header标签的用法详解(附实例)

html p标签是单标签吗?html p标签的使用方法介绍(内附实例)

以上就是html frame标签怎么使用?frame标签的用法介绍(附实例)的详细内容,更多请关注其它相关文章!

相关标签: frame html