zoukankan      html  css  js  c++  java
  • html框架frame iframe

    框架

    通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。没分HTML文档称作一个框架。

    缺点:

    • 开发人员必须同时跟踪更多的HTML文档
    • 很难打印整张页面

    框架结构标签(<frameset>)

    框架结构标签定义如何将窗口分割为框架,每个frameset定义一系列行或列,row/columns的值规定了每行或每列占据的屏幕的面积(framset标签也被某些文章和书籍译为框架集)

    <frameset cols="25%,75%">

    <frame src="fram_a.htm">

    <frame:src="fram_b.htm">

    </frameset>

    两列,一个占25%,另一个占75%,html文档"fram_a.htm"被置于第一列中,"fram_b.htm"第二列

    <frameset rows="25%,50%,25%">三行,分别占25%,50%,25%

    假如一个框架有可见边框,用户可以拖动边框来改变它的大小,为了避免这种情况,可以在<frame>标签中加入:noresize="noresize",位置<frame src=""  noresize="noresize">

    为不支持框架的浏览器添加<nofranes>标签

    不能讲<body></body>标签与<frameset></frameset>标签同时使用,不过,假如你添加包含一段文本的<noframes>标签,就必须将这段文字嵌套于<body></body>标签内

    导航框架

    iframe用于在网页内显示网页

    添加iframe的语法:<iframe src="URL"></iframe>     URL指向隔离页面的位置

    iframe 设置高度和宽度:

    height和width属性用语规定iframe的高度和宽度

    属性值的默认单位是像素,但也可以用百分比来设定(比如80%)

    <iframe src="demo_iframe.html" width="200" height="200"></iframe>

    Iframe -删除边框

    frameborder属性规定是否显示iframe周围的边框。设置属性为0就可以移除边框

    <iframe src="demo_iframe.htm" frameborder="0"></iframe>

    使用iframe作为链接的目标

    iframe可用作链接的目标(target)

    链接的target属性必须引用iframe的name属性:

    <iframe src="demo_iframe.htm" name="iframe_a"></iframe>

    <p><a href="http://www.baidu.com/" target="iframe_a">百度</a></p>

    标签 描述
    <iframe> 定义内联的窗口
  • 相关阅读:
    FTDI端口或ISP端口编程方式的比较
    PhantomX Pincher Arm---设置ArbotiX和Arduino软件
    PhantomX Pincher机器人机械臂那些事儿
    使用aplay实现音频播放
    TurtleBot3-讲在前面的话
    ROS-ROS命令(五) rosservice:ROS服务
    ROS-ROS命令(四)rostopic: ROS话题
    ROS-ROS命令(三)ROS 信息命令
    jquery下拉框应用
    jquery的attr获取表单checked 布尔值问题
  • 原文地址:https://www.cnblogs.com/chhom/p/4972262.html
Copyright © 2011-2022 走看看