__x__(14)0906第三天__<iframe> 内联框架 引入有一个外部html页面

在现实开发中，不推荐使用内联框架，因为<iframe></iframe>中的内容不会被搜索引擎检索。

在特殊情况中，如内网项目，不用放在互联网上时，可以使用<iframe></iframe>

 

属性：

  • src：指向一个外部html页面，可以是相对路径
  • width
  • height
  • name：指定一个名字给iframe

注意：可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对无法理解 iframe 的浏览器。

 

HTML5 中的新属性：

属性值描述
align
  • left
  • right
  • top
  • middle
  • bottom

不赞成使用。请使用样式代替。

规定如何根据周围的元素来对齐此框架。
frameborder
  • 1
  • 0
 规定是否显示框架周围的边框。
height
  • pixels
  • %
 规定 iframe 的高度。
longdesc URL 规定一个页面，该页面包含了有关 iframe 的较长描述。
marginheight pixels 定义 iframe 的顶部和底部的边距。
marginwidth pixels 定义 iframe 的左侧和右侧的边距。
name frame_name 规定 iframe 的名称。
sandbox
  • ""
  • allow-forms
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation
 启用一系列对 <iframe> 中内容的额外限制。
scrolling
  • yes
  • no
  • auto
 规定是否在 iframe 中显示滚动条。
seamless seamless 规定 <iframe> 看上去像是包含文档的一部分。
src URL 规定在 iframe 中显示的文档的 URL。
srcdoc HTML_code 规定在 <iframe> 中显示的页面的 HTML 内容。
width
  • pixels
  • %
 定义 iframe 的宽度。 
<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>显示在网页的标题栏</title>
    </head>

    <body>
        Hello , Web!`
        <iframe src="./cat.html" name="这货不是松鼠" height="200px" frameborder="0" scrolling="no">这是一只猫</iframe>
    </body>
</html>

 

posted @ 2018-09-06 17:05  耶梦加德  阅读(267)  评论(0)  编辑  收藏  举报