iframe标签用法详解

最新推荐文章于 2024-07-05 14:41:46 发布

weixin_30782331

最新推荐文章于 2024-07-05 14:41:46 发布

阅读量92

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml

原文链接：http://www.cnblogs.com/xuaijun/p/7706807.html

本文详细介绍了HTML中的iframe标签及其属性，包括src、name、width、height等，并解释了这些属性的作用及如何使用它们来嵌入其他网页。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

功能：iframe标签用于定义内联框架。

语法：<iframe></iframe>

内联框架是在一个页面中嵌入另一个页面。

有很多网页看上去是一个网页，但实际上它其中可能镶嵌有其它网页，<iframe>标签就可以把其它网页无缝地嵌入在一个页面中。

HTML与XHTML之间的差异：无。

S：Strict，T：Transitional，F：Frameset

属性	值	描述	DTD
src	URL	指定显示在框架中的文件。	TF
name	字符串	指定框架的名字。	TF
width	长度值或百分比	框架的宽度。	TF
height	长度值或百分比	框架高度。	TF
align	left \| right \| top \| middle \| bottom	框架的对齐方式。该属性影响的是框架和周围文字的环绕关系。	TF
frameborder	0 \| 1	是否显示框架的边框。	TF
scrolling	yes \| no \| auto	是否显示滚动条。	TF
marginheight	长度值	框架内顶部和底部边距。	TF
marginwidth	长度值	框架内左侧和右侧边距。	TF
longdesc	URL	描述此框架内容的长文档的URL。可为那些不支持框架的浏览器使用此属性。	TF

name属性：

name属性为框架窗口指定了名字，当需要让一个超链接在指定的框架中打开时，可以使用<a href="..." target="窗口名">...</a>的方式定义超链接。

scrolling属性：

如果设置scrolling="yes"，则该框架始终带滚动条；如果设置scrolling="no"，则该框架没有滚动条，如果框架内的文档超出了框架范围，将被裁切；如果设置scrolling="auto"，则该框架的滚动条取决于包含的文档尺寸，当文档没有超出框架范围，就不显示滚动条，当文档超出框架范围，就显示滚动条。

scrolling属性的默认值是"auto"。

iframe用法示意图：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<iframe src="https://www.taobao.com/" width="1200" height="500"></iframe>
</body>
</html>