【转】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 。
上下框架示意图：
语法分析
- 框架要是用其特有的 DTD 声明（xhtml1-frameset）。
- 框架标签为 <frameset></frameset> ，它表示设置一个框架。
- 标签的 rows 属性确定了框架是上下分割以及分割的比例。
- <frame /> 标签的 src 属性指定各个框架对应的 html 页面来源。
- <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>
该例子示意图：
语法分析
- 如果要做再次分割，可以在框架标签内嵌套框架标签来实现。
- 标签的 cols 属性确定了框架是左右分割以及分割的比例。
- 我们可以根据框架的原理以及 rows 和 cols 属性来制作更为复杂的框架结构。
【转】frameset 框架集使用语法，常用语后台。的更多相关文章
- Frameset框架集的应用
Frameset框架集常用于写网站后台页面,大多数"T字型"布局后台页面,就是应用Frameset框架集来做的.Franeset框架集的优点是,他可以在同浏览器窗口显示不同页面内容 ...
- asp.net Frameset框架集的嵌套使用
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Frame.aspx.cs& ...
- frameset框架集
frame使用注意事项: 1.frame不能脱离frameset单独使用 2.frame不能放在body标签中,不然不起效果. 3.frame的高度只能由frameset来决定. frameset:是 ...
- Frameset 框架集 导航栏 的使用
在index.jsp中 使用jsp标签转发到制定页面 <body> <jsp:forward page="/admin/frame.jsp"></js ...
- html5 frameset5内嵌框架集
利用html5 frameset内嵌框架简单做一个网页,网页的布局大体如下: 我们可以将其分为四个部分: 第一部分:top图片栏 第二部分:left链接栏 第三部分:right内容栏 第四部分:网页整 ...
- 我给女朋友讲编程html系列(3) --html中的超链接标签-a标签 和 框架frame与框架集frameset
我们浏览网页的时候,当单击某段文字或图片时,就会打开一个新的网页,这里面就使用了超链接. 就比如下图是一个导航类网页,当你单击某个链接就会打开新的网页. 比如,我拿我的qq空间“金河访谈”举例,新建一 ...
- HTML框架集之Frameset与Iframe简单应用
首先我们要明白此框架集的作用: 实现在一个页面中访问多个html页面的目的Frameset的用法: //定义框架集<frameset><frame src="demo.ht ...
- 框架集 frameset
框架集和内联框架的作用类似,都用于在一个页面中引入其他的外部的页面 框架集可以同时引入多个页面,而内联框架引入一个, 在h5标准中,推荐使用框架集,而不使用内联框架 使用 frameset 来创建一个 ...
- Frameset框架优缺点--来自新浪微博
原文地址:http://blog.sina.com.cn/s/blog_4a4b1b010100p6ro.html HTML框架简述 一个浏览器窗体可以通过几个页面的组合来显示.我们可以使用框架来 ...
随机推荐
- Java 调用 groovy 脚本文件，groovy 访问 MongoDB
groovy 访问 MongoDB 示例: shell.groovy package db import com.gmongo.GMongoClient import com.mongodb.Basi ...
- MongoDB探索之路（二）——系统设计之CRUD
1.构造实体类 using System; using System.Collections.Generic; using System.Linq; using System.Text; using ...
- html5 canvas文本处理
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- CSS图片下面产生间隙的6种解决方案
CSS图片下面产生间隙的6种解决方案 在进行页面的DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对於 该问题的解决方法也是 ...
- javascript完美拖拽的实现
直接上代码: HTML代码: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta chars ...
- CS229 笔记04
CS229 笔记04 Logistic Regression Newton's Method 根据之前的讨论,在Logistic Regression中的一些符号有: \[ \begin{eqnarr ...
- Linux - awk 文本处理工具一
AWK AWK是一个优良的文本处理工具,Linux及Unix环境中现有的功能最强大的数据处理引擎之一:awk经过改进生成的新的版本nawk,gawk,现在默认linux系统下日常使用的是gawk,用命 ...
- 转载 为什么print在Python 3中变成了函数？
转载自编程派http://codingpy.com/article/why-print-became-a-function-in-python-3/ 原作者:Brett Cannon 原文链接:htt ...
- TensorFlow 从零到helloWorld
目录 1.git安装与使用 1.1 git安装 1.2 修改git bash默认路径 1.3 git常用操作 2.环境搭建 2.1 tensorflow安装 2.2 CUDA安装 2.3 ...
- 【Python】CVE-2017-10271批量自查POC(Weblogic RCE)
1.说明 看到大家对weblogic漏洞这么热衷,于是也看看这个漏洞的测试方式. 找了几个安全研究员的博客分析,经过几天的摸索大体清楚漏洞由XMLDecoder的反序列化产生. 漏洞最早4月份被发现, ...