iframe
元素在现有元素中嵌入另一个HTML文档。
它有局部属性: src,srcdoc,name,width,height,sandbox,seamless
。
HTML5中的 sandbox
和seamless
属性是新增的。
longdesc,align,allowtransparency,frameborder,marginheight,marginwidth
和scrolling
属性已过时。
以下代码显示如何使用iframe元素。
<!DOCTYPE HTML>
<html>
<body>
<a href="http://www..cn" target="myframe">Tutorial</a>
<iframe name="myframe" width="300" height="300"> </iframe>
</body>
</html>
将创建名称属性值为 myframe
的 iframe
。这将创建一个名为 myframe
的浏览上下文。
然后,这个浏览上下文在其他元素的目标属性中使用 - 特别是a,form,button,input和base。
a
元素来创建一对超链接,这些超链接会将其href属性中指定的网址加载到iframe中。
width和height属性指定大小(以像素为单位)。src属性指定应最初加载并显示在iframe中的网址。
srcdoc属性允许您定义一个内嵌显示的HTML文档。
seamless属性设置浏览器显示iframe,如同它们是主HTML文档的组成部分。
否则,默认情况下会应用边框,如果内容大于width和height属性,则会出现滚动条。
sandbox
属性对HTML文档应用限制。当应用没有值的属性时,如下所示:
... <iframe sandbox name="myframe" width="300" height="100"> </iframe> ...
以下是禁用:
您可以通过为sandbox属性定义值来启用各个功能,如下所示:
... <iframe sandbox="allow-forms" name="myframe" width="300" height="100"> </iframe> ...
可以使用的值的集合在下面的列表中描述。
响应式 Web 设计 - 媒体查询 媒体(media)查询在 CSS3 上有介绍:CSS3 @media 查询。使用 @media 查询,你可以针对不同的媒体类型...
CSS Id 和 Class id 和 class 选择器 如果你要在 HTML 元素中设置 CSS 样式,你需要在元素中设置 "id" 和 "class" 选择器。 id ...
我们都对“两端对齐”并不陌生,在 word、powerpoint、outlook 等界面工具栏里,都有两端对齐(分散对齐)的功能按钮,只是平时使...