iframe标签用法详解

Posted 2020-10-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了iframe标签用法详解相关的知识，希望对你有一定的参考价值。

功能：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>

淘宝

以上是关于iframe标签用法详解的主要内容，如果未能解决你的问题，请参考以下文章