zoukankan      html  css  js  c++  java
  • Frameset使用教程

    一、frameset

    1. 属性

    ①border

    设置框架的边框粗细。
    ②bordercolor
    设置框架的边框颜色。
    ③frameborder
    设置是否显示框架边框。设定值只有0、1;0 表示不要边框,1 表示要显示边框。
    ④cols
    纵向分割页面。其数值表示方法有三种:“30%、30(或者30px)、*”;数值的个数代表分成的视窗数目且数值之间用“,”隔开。“30%”表示该框架区域占全部浏览器页面区域的30%;“30”表示该区域横向宽度为30像素;“*”表示该区域占用余下页面空间。例如:cols="25%,200,*" 表示将页面分为三部分,左面部分占页面30%,中间横向宽度为200像素,页面余下的作为右面部分。
    ⑤rows
    横向分割页面。数值表示方法与意义与cols相同。
    ⑥framespacing
    设置框架与框架间的保留的空白距离。

    2. 用例

    <frameset cols="213,*" frameborder="no" border="0" framespacing="0">
    注意1:
    cols与rows两属性尽量不要同在一个<frameset>标签中使用。若要实现下图架构,代码正确写法为:
    Frameset使用教程
    1 <frameset rows="59,*" cols="*" frameborder="no" border="0" framespacing="0">
    2   <frame src="???" name="topFrame" scrolling="No" noresize="noresize" id="topFrame"/>
    3   <frameset cols="213,*" frameborder="no" border="0" framespacing="0">
    4     <frame src="???" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame"/>
    5     <frame src="???" name="mainFrame" id="mainFrame"/>
    【即,若想即使用cols又使用rows,可利用frameset嵌套实现】
    注意2:
    <frameset cols="40%,*,*">
    意思是:第一个框架占整个浏览器窗口的40%,剩下的空间平均分配给另外两个框架。
    <frameset cols="*,*,*,*">
    意思是:浏览器窗口等分为四部分。
     
    二、frame
    1. 属性
    ①name
    设置框架名称。此为必须设置的属性。
    ②src
    设置此框架要显示的网页名称或路径。此为必须设置的属性。
    ③scrolling
    设置是否要显示滚动条。设定值为auto, yes, no。
    ④bordercolor
    设置框架的边框颜色。
    ⑤frameborder
    设置是否显示框架边框。设定值只有0、1;0 表示不要边框,1 表示要显示边框。
    ⑥noresize
    设置框架大小是否能手动调节。
    ⑦marginwidth
    设置框架边界和其中内容之间的宽度。
    ⑧marginhight
    设置框架边界和其中内容之间的高度。
    ⑨width
    设置框架宽度。
    ⑩height
    设置框架高度。
    2. 用例
    <frame src="???" name="topFrame" scrolling="No" noresize="noresize" marginwidth="10" marginhight="10" width="400" height="800" />
    三、iframe
    是浮动的框架(frame),其常用属性与frame类似,其他的主要有以下(相同的就不列举了)
    1. 属性
    ①align
    设置垂直或水平对齐方式
    ②allowTransparency
    设置或获取对象是否可为透明。
    2. 用例
    <iframe name="123" align="middle" marginwidth="0" marginheight=0 src="???" frameborder="0" scrolling="no" width="776" height="2500"></iframe>
    注意:
    iframe标签与frameset、frame标签的验证方法不同,是XHTML 1.0 Transitional。且iframe是放在body标签之内,而frameset、frame是放在body标签之外。
     
    四、综合示例
     1 <html>
     2 <head>
     3 <title>综合示例</title>
     4 </head>
     5 <frameset cols="25%,*">
     6 <frame src="menu.html" scrolling="no" name="Left">
     7 <frame src="page1.html" scrolling="auto" name="Main">
     8 <noframes>
     9 <body>
    10 <p>对不起,您的浏览器不支持“框架”!</p>
    11 </body>
    12 </noframes>
    13 </frameset>
    14 </html>
    1 <html>
    2 <head>
    3 <title>menu</title>
    4 </head>
    5 <body>
    6 <a href="page1.html"  target="Main">内容1</a>
    7 <a href="page2.html"  target="Main">内容2</a>
    8 </body>
    9 </html>
    【说明】
    <noframes></noframes>标志对也是放在<frameset></frameset>标志对之间,用来在那些不支持框架的浏览器中显示文本或图像信息。在此标志对之间先紧跟<body></body>标志对,然后才可以使用我们熟悉的任何标志。
     
  • 相关阅读:
    Git 基础
    SharePoint 2013 对象模型操作"网站设置"菜单
    SharePoint 2013 隐藏部分Ribbon菜单
    SharePoint 2013 Designer系列之数据视图筛选
    SharePoint 2013 Designer系列之数据视图
    SharePoint 2013 Designer系列之自定义列表表单
    SharePoint 2013 设置自定义布局页
    SharePoint 2013 "通知我"功能简介
    SharePoint 2013 创建web应用程序报错"This page can’t be displayed"
    SharePoint 禁用本地回环的两个方法
  • 原文地址:https://www.cnblogs.com/dreamflower/p/5143041.html
Copyright © 2011-2022 走看看