`
yanyanquan
  • 浏览: 452543 次
  • 性别: Icon_minigender_1
  • 来自: 江门
社区版块
存档分类
最新评论

Frameset框架优缺点

    博客分类:
  • W3C
 
阅读更多

HTML框架简述

 

一个浏览器窗体可以通过几个页面的组合来显示。我们可以使用框架来完成(frames)这项工作。(框架可以把HTML文档分为多个页面)

 

框架页使用了表格的方式组合,可以分为数行与数列。

 

框架的优点

 

重载页面时不需要重载整个页面,只需要重载页面中的一个框架页(减少了数据的传输,加快了网页下载速度)

技术易于掌握,使用方便,使用者众多,可主要应用于不需搜索引擎来搜索的页面

方便制作导航栏 

 

框架的缺点(iframe的缺点与frame类似)

 

会产生很多页面,不容易管理

不容易打印(目前只能实现分框架页面的打印,不能实现对frameset的打印)

浏览器的后退按钮无效(只能针对实现当前光标所在页面的前进与后退,无法实现frameset整个页面的前进与后退)

代码复杂,无法被一些搜索引擎索引到(框架结构(帧结构)的不能为每个网页都设置一个标题(TITLE),更为糟糕的是,有些搜索引擎对框架结构的页面不能正确处理,会影响到搜索结果的排列名次)

多数小型的移动设备(PDA 手机)无法完全显示框架

多框架的页面会增加服务器的http请求

由于上面诸多缺点,因此不符合标准网页设计的理念,已经被标准网页设计抛弃,目前的html5已不再支持此标签 

iframe的缺点

1、在网页中使用框架结构最大的弊病是搜索引擎的“蜘蛛”程序无法解读这种页面。当“蜘蛛”程序遇到由数个框架组成的网页时,它们只看到框架而无法找到链接,因此它们会以为该网站是个死站点,并且很快转身离去。对一个网站来说这无异于一场灾难。

 

如果你想销售产品,你需要客户;如想得到客户,你首先要让人们访问你的网站,而要做到这一点,你就非求助于搜索引擎不可。你花费了大量的时间、精力和金钱开设了一家网上商店,却又故意不让搜索引擎检索你,这就好象开家零售商店,却将窗户全部漆成黑色,而且还不挂任何招牌一样。

 

2、框架结构有时会让人感到迷惑,特别是在几个框架中都出现上下、左右滚动条的时候。这些滚动条除了会挤占已经非常有限的页面空间外,还会分散访问者的注意力。访问者遇到这种网站往往会立刻转身离开。他们会想,既然你的主页如此混乱,那么网站的其他部分也许更不值得浏览。

 

3、链接导航问题。使用框架结构时,你必须保证正确设置所有的导航链接,如不然,会给访问者带来很大的麻烦。比如被链接的页面出现在导航框架内,这种情况下访问者便被陷住了,因为此时他没有其他地方可去。

 

HTML框架结构与语法

 

框架的DTD

 

使用框架页时要使用它特有的DTD(HTML文档结构)

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

HTML框架使用frameset标签把浏览器的窗体分为多个行与列的框架页,每个页面又使用了frame标签定义,同时应该使用noframes定义浏览器不支持框架时显示的内容。本节将介绍frame标签,下节介绍frameset标签(引用网址:http://www.dreamdu.com/xhtml/tag_frame/)。

 

框架结构

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html> <head> <title>梦之都框架页示例</title> </head> <frameset rows="120, *, 80"> <frame src="http://www.dreamdu.com/xhtml/" /> <frame src="http://www.dreamdu.com/css/" /> <frame src="http://www.dreamdu.com/javascript/" /> <noframes> <body> 梦之都使用了框架技术,但是您的浏览器不支持框架, 请升级您的浏览器以便正常访问梦之都。 </body> </noframes> </frameset> </html>

通过使用frameset的rows属性(120, *, 80)定义了一个三行的框架,第一行120像素,第三行80像素,第二行是整个页面减去第一行与第三行剩下的像素。frameset里面包含三个frame,每个frame都使用了src属性定义了框架页所包含的页面,最后的noframes定义了浏览器不支持框架时所显示的内容。

 

frame标签

 

frame 标签 -- 定义frameset标签中每个框架页的内容

frame标签是单独出现的,<frame />

引用网址:http://www.dreamdu.com/xhtml/tag_frame/

属性:

Common -- 一般属性

frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1

1 -- 在每个页面之间都显示边框

0 -- 不显示边框

longdesc -- 定义框架页的说明

marginwidth -- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定

marginheight -- 定义了框架中HTML文件显示的上下边界的矿度,取值为px,缺省值由浏览器决定

name -- 在一个框架页链接到另一框架页时使用(另一个框架页可以使用target定义链接页)

noresize -- 定义了浏览者是否可以通过拖拽改变框架页尺寸,取值为(noresize)

scrolling -- 定义是否有滚动条,取值为(yes|no|auto),缺省值为auto

yes -- 显示滚动条

no -- 不显示滚动条

auto -- 当需要时再显示滚动条

src -- 定义了内容页URL 

分享到:
评论

相关推荐

    frameset与div布局的优缺点

    frameset与div布局的优缺点比较 Frameset布局是一种传统的网页布局方式,它使用多个iframe来实现分栏布局,每个iframe中可以包含一个独立的网页,从而实现多页面的重用。该布局方式具有以下优点: 1.可以实现多...

    frameset 框架

    **frameset框架详解** 在HTML语言中,frameset框架是一个重要的组成部分,它允许网页设计师将浏览器窗口分割成多个独立的区域,每个区域可以显示不同的网页内容。这种布局方式在上世纪90年代非常流行,用于创建复杂...

    frameset

    描述中提到的"NULL 博文链接:https://performery.iteye.com/blog/2242773"表明这是一个关于frameset的博客文章,虽然具体的细节没有给出,但我们可以推测这篇文章可能详细介绍了frameset的使用方法、优缺点以及如何...

    frame边框样式 frameSet样式 frameSet应用

    然而,由于`frame`和`frameset`存在一些缺点,如不利于SEO(搜索引擎优化),不易于访问性,以及对响应式设计的支持不佳,现代网页设计倾向于使用更灵活的布局技术,如CSS Grid和Flexbox,或者是通过JavaScript动态...

    好看的frameset实例

    虽然`frameset`在某些情况下非常有用,但它也有明显的缺点,比如不利于SEO(搜索引擎优化),因为搜索引擎爬虫可能无法正确索引和理解框架内的内容。随着Web标准的发展,现在更推荐使用CSS布局(如Flexbox或Grid)...

    frameset2

    由于frameset在HTML5中不再推荐,文章可能会探讨如何使用现代Web技术,如单页应用(SPA)、`&lt;iframe&gt;`、CSS Flexbox或Grid布局来实现类似的功能,并比较各自的优缺点。 7. **SEO和可访问性**: 使用frameset对...

    frameset示例代码

    虽然 `frameset` 提供了灵活的布局,但它也有一些缺点。比如,框架不利于 SEO,搜索引擎可能难以正确索引和理解框架内的内容。此外,对于移动设备,框架可能无法良好适应,因为许多移动浏览器不支持框架或对框架...

    HTML框架的优点与缺点.doc

    ### HTML框架的优点与缺点 #### 一、使用HTML框架的优点 1. **减少数据传输,提高网页下载速度:** - 当用户访问包含框架的网页时,并非每次都需要加载整个页面,而仅需加载框架内的内容。这种方式显著减少了数据...

    frame,iframe,frameset区别pdf

    使用frameset可以创建一个复杂的框架结构,每个frame标签定义框架集中的一个框架,这些框架可以独立地加载不同的网页。 **Frame和Iframe的属性** Frame和iframe都有各自的属性用于控制框架的行为和外观。例如,...

    frame,iframe,frameset用法和区别

    HTML中的`frame`, `iframe`, 和`frameset`是用来创建多窗口或框架布局的重要元素,它们允许在同一个浏览器窗口中加载多个独立的网页。这些元素主要用于构建复杂的网页结构,使得不同...因此,在设计时需权衡其优缺点。

    frame,iframe.frameset用法和区别

    ### 框架的优缺点 优点: - 提供更好的用户体验,用户可以在同一页面上查看和操作多个网页。 - 改善页面布局,使内容更加有序。 缺点: - 部分老旧的浏览器可能不支持框架。 - SEO(搜索引擎优化)方面存在问题,...

    利用frameset管理页面的布局

    尽管frameset提供了一种简单的方式来组织网页内容,但它也有一些缺点。比如,搜索引擎优化(SEO)困难,因为框架内的内容不容易被搜索引擎抓取;另外,frameset对移动设备的支持不佳,它不符合现代响应式设计的要求...

    Asp.net中Frameset的使用小结

    然而,Frameset也有一些缺点需要留意。比如,它们可能对搜索引擎优化(SEO)不利,因为搜索引擎爬虫可能无法正确地理解和索引框架内的内容。此外,Frameset在某些浏览器或设备上的兼容性可能不佳,尤其是在移动设备...

    外联框架[模板].rar

    下面将详细介绍外联框架的概念、使用方法以及其在实际应用中的优缺点。 一、外联框架的基本概念 外联框架(IFrame,Inline Frame)是一种HTML元素,它可以在网页中嵌入另一个文档。通过设置`src`属性,我们可以...

    web网页框架教程

    使用框架虽有其优势,但也存在缺点,如SEO(搜索引擎优化)问题。搜索引擎往往难以准确处理含有框架的页面,可能导致内容无法正确索引。此外,框架页的设计和维护也相对复杂,需要对每个框架的内容进行独立更新和...

    html--4.框架标签

    需要注意的是,框架技术虽然在某些情况下非常有用,但也有一些缺点。它们可能不被所有浏览器支持,尤其是在移动设备上,而且对于搜索引擎优化(SEO)来说,框架可能导致索引困难。因此,在现代Web开发中,常常会用到...

    HTML框架实例

    然而,HTML框架并非没有缺点。它们可能导致搜索引擎优化问题,因为框架内的内容可能不被正确索引。此外,某些现代浏览器的默认设置可能会禁用框架,以提高安全性。因此,虽然框架在过去的Web设计中广泛应用,但现在...

    dreamweaver8制作框架网站.pdf

    以上内容构成了使用Dreamweaver 8创建框架网站的核心知识点,从基础的框架创建、属性设置,到框架的优缺点分析和应用场景说明,最后提到了一些注意事项。这些内容能够帮助前端开发者更好地理解和使用Dreamweaver 8来...

Global site tag (gtag.js) - Google Analytics