码迷,mamicode.com
首页 > 其他好文 > 详细

iframe标签用法详解

时间:2017-10-22 00:27:38      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:范围   src   text   文件   nta   set   没有   taobao   font   

 

技术分享

 

功能: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标签用法详解

标签:范围   src   text   文件   nta   set   没有   taobao   font   

原文地址:http://www.cnblogs.com/xuaijun/p/7706807.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!