首页 >web前端 >html教程 >html frame标签怎么使用?frame标签的用法介绍(附实例)

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

寻∝梦
寻∝梦原创
2018-08-30 15:46:4413813浏览

本篇文章主要的介绍了关于html frame标签的介绍,有frame标签的定义及属性介绍,还有重要的html iframe标签的使用方法介绍。让我们一起来看这篇文章吧

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

04a0d55efbbfd646a993fbc01f262c57 标签定义 frameset 中的一个特定的窗口(框架)。

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

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

重要事项:您不能与f900b4fc197b16ab214eecf015bb6bd2eb5f059992a0ae0ef16884cb75644e40标签一起使用6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956标签。不过,如果您需要为不支持框架的浏览器添加一个37f861bd36cef5b6406eba87d20a5bab标签,请务必将此标签放置在6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956标签中!

再来看看属性的介绍:

tuyi.png

说说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>

显示的效果如图:

tuer.png

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

【小编推荐】

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

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

以上是html frame标签怎么使用?frame标签的用法介绍(附实例)的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn