zoukankan      html  css  js  c++  java
  • 【转】frameset 框架集使用语法,常用语后台。

    XHTML 框架概述

    框架的使用可以让浏览器“分割”成多个页面显示内容,常用于如网站后台管理这些菜单项目固定,且对美观性和搜索引擎要求不高的地方。

    框架的优缺点

    • 框架方便制作栏目导航,操作各栏目时不需要重新载入整个页面
    • 框架会产生较多页面,不易管理
    • 不容易打印整个框架页面
    • 对搜索引擎不友好

    基于框架的以上特点,目前框架几乎只用于系统后台管理中,而不建议使用于页面展示中。

    上下框架

    我们以最简单的上下框架来分析框架的原理。

    创建一个名字为frame.html新页面,关键代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    <html>
    <title>框架示例</title>
    </head>
    <frameset rows="15%,*">
      <frame src="frame_top.html" />
      <frame src="frame_main.html" />
    <noframes>
      <body>
      <p>对不起,您的浏览器不支持框架!</p>
      </body>
      </noframes>
    </frameset>
    </html>
    

    注意:使用框架必须将 DTD 设置为 xhtml1-frameset 。

    再创建两个普通html页面,分别为 frame_top.html 和 frame_main.html ,内容可以是任意普通文本之类的。

    将以上三个页面保存在同一目录下。在浏览器里打开 frame.html ,在 frame.html 里将显示上下两部分内容,分别对应的是 frame_top.html 和 frame_main.html 。

    上下框架示意图:

    上下框架示意图

    语法分析

    1. 框架要是用其特有的 DTD 声明(xhtml1-frameset)。
    2. 框架标签为 <frameset></frameset> ,它表示设置一个框架。
    3. 标签的 rows 属性确定了框架是上下分割以及分割的比例。
    4. <frame /> 标签的 src 属性指定各个框架对应的 html 页面来源。
    5. <noframes> 标识浏览器不支持框架时显示的内容。

    混合框架

    该混合框架先将页面做上下分割,然后再将下面的页面做左右分割。

    新创建一普通 html 页面,命名为 frame_left.html 并存储于和 frame.html 同一目录下。

    将 frame.html 代码变更如下:

    <html>
    <title>框架示例</title>
    </head>
    <frameset rows="15%,*">
      <frame src="frame_top.html" />
       <frameset cols="15%,*">
        <frame src="frame_left.html" />
        <frame src="frame_main.html" />
       </frameset>
    <noframes>
      <body>
      <p>对不起,您的浏览器不支持框架!</p>
      </body>
      </noframes>
    </frameset>
    </html>
    

    该例子示意图:

    混合框架示意图

    语法分析

    1. 如果要做再次分割,可以在框架标签内嵌套框架标签来实现。
    2. 标签的 cols 属性确定了框架是左右分割以及分割的比例。
    3. 我们可以根据框架的原理以及 rows 和 cols 属性来制作更为复杂的框架结构。
  • 相关阅读:
    一种Hive性能调优方法(补充)
    Leetcode之MySQL练习题
    Hive的10种优化总结
    SQL练习题(1-76)学习笔记(来源于牛客网)
    SQL练习题47:将employees表中的所有员工的last_name和first_name通过(')连接起来
    SQL练习题46:牛客每次考试完,都会有一个成绩表(grade),请你写一个sql语句查询各个岗位分数升序排列之后的中位数位置的范围,并且按job升序排序
    SQL练习题45:
    SQL练习题44:牛客每天有很多人登录,请你统计一下牛客每个日期新用户的次日留存率。
    CDN-jQuery
    [转]vue和微信小程序的区别、比较
  • 原文地址:https://www.cnblogs.com/pomelott/p/7499146.html
Copyright © 2011-2022 走看看