iframe标签使用教程

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>iframe</title>
    </head>
    <body>
        <!--
            height:用来定义iframe标签的高度。属性默认以像素为单位, 也可以指定其按比例显示 (如:"80%")。 
            width:用来定义iframe标签的宽度。属性默认以像素为单位, 也可以指定其按比例显示 (如:"80%")。
            frameborder:用于定义iframe表示是否显示边框。设置属性值为 "0",则移除iframe的边框。设置属性值为 "1",则显示iframe的边框。
            name:用来定义iframe标签的名称。
            align:用来定义iframe元素相对于周围元素的对齐方式,值包括left|right|middle|top|bottom。
            sandbox:用来对iframe元素的内容定义一系列额外的限制,值包括""|allow-forms|allow-same-origin|allow-scripts|allow-top-navigation,
                    其中""表示启用所有限制条件。如果指定多个,需用空格分隔,例:sandbox="allow-same-origin allow-scripts"。
            scrolling:规定是否在iframe中显示滚动条,值包括:yes|no|auto。
            src:规定在iframe中显示的文档的URL。
            srcdoc:规定页面中的HTML内容显示在iframe中。
        -->
        <!-- 可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对不支持 <iframe> 的浏览器。 -->
        <!-- iframe元素是内联元素(不会在页面上插入新行),这意味着文本和其他元素可以围绕在其周围。 -->
        <iframe src="//www.baidu.com" width="500" height="200" align="left" scrolling="no">
            <p>您的浏览器不支持iframe标签,请更新浏览器</p>
        </iframe>
        <p>请看我在哪个地方</p>
        <iframe src="//www.baidu.com" width="100%" height="200" frameborder="0"></iframe>
        <iframe srcdoc="<p>显示内容</p>" src="//www.baidu.com" width="100%" height="200" frameborder="0" name="a_frame"></iframe>
        <!-- 
            iframe可以显示一个目标链接的页面,但是目标链接的target属性必须使用iframe的name属性值。
        -->
        <a href="img.html" target="a_frame">链接</a>
    </body>
</html>

 

posted @ 2020-12-17 15:59  凭栏莫听雨落  阅读(1413)  评论(0编辑  收藏  举报