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>标志对,然后才可以使用我们熟悉的任何标志。
     
  • 相关阅读:
    Mysql中自增字段(AUTO_INCREMENT)的一些常识
    MyBatis动态传入表名
    Linux创建连接命令 ln -s创建软连接
    leaflet 使用turfjs实现前端自定义插值
    java后台@RequestBody和@RequestParam
    在jeecg-boot中密码的使用
    在jeecg-boot中使用代码生成器&mybatis-plus
    Pyppeteer 爬取实战
    【转】GitHub不再支持密码验证解决方案
    【转】pyppeteer+chromium手动安装Mac版本
  • 原文地址:https://www.cnblogs.com/dreamflower/p/5143041.html
Copyright © 2011-2022 走看看