HTML/框架
HTML
框架用于将网页划分为不同的部分。帧可以用作优秀的导航工具,例如,一个帧可以专用于超链接,而另一个帧可以用于打开内容。
优点:
- 使用框架进行站点维护相对容易
- 使用框架,我们可以显示其他网站的内容,而无需用户离开您自己的网站
缺点:
- 搜索引擎没有很好地索引框架网站。搜索的结果可能会将您的documnets显示在帧外,从而丢失使用帧开发的导航和其他方面
- 旧版浏览器可能不支持帧。
我们使用</NOFRAMES>...</NOFRAMES>
设计一个非常漂亮的网站并使用框架进行维护可能是一项非常具有挑战性的任务。
框架标签
- 示例1:将页面分为两列
<html><头><title>框架示例1</title><frameset cols="20%,80%"><frame src="left.html"><frame src="main.html"></frameset></head></html>
- 示例2:将页面分成两行
<html><头><title>框架示例2</title><frameset rows="20%,80%"><frame src="left.html"><frame src="main.html"></frameset></head></html>
- 示例3:将页面划分为行和列
<html><头><title>框架示例 3</title><frameset rows="20%,80%"><frame src="top.html"><frameset cols="20%,80%"><frame src="left.html"><frame src="main.html"></frameset></head></html>
框架集的属性
1.边界用于设置帧之间的边界。该值决定了以像素为单位的厚度。
<frameset cols=" ", border="2">。。</frameset>
2.边框颜色设置边框颜色。仅当设置了帧边框时,这才适用。例如bordercolor="blue"
3.框架边框决定是否显示边框。值为“1”或“是”和“0”或“否”。例如 frameborder="1"
4.帧间距用于在帧边缘及其内容之间放置位置。值必须以像素表示。例如framespacing="10"
5. col和行是框架集的属性
框架的属性
1. src是在框架中打开网页的位置
2.边框颜色定义边框的颜色
3.框架边框,设置为“1”或“是”以显示边框和边框颜色
4.边距宽度定义了帧左右两侧及其内容之间的像素空间量
5. marginheight定义了帧顶部和底部及其内容之间的像素空间量
6.名称为框架指定名称,并用于方便参考。它通常在框架中使用超链接时使用
7. noresize,您可以阻止用户调整您的网页大小。它不需要任何值
8.滚动它需要三个值(是,否,自动)
是的-如果您想允许滚动,并且即使滚动条通过滚动条也不需要不-这将防止任何滚动条,即使需要通过它auto - 让浏览器决定框架是否需要滚动条
名称属性
在使用超链接的同时在网页中创建帧时,您需要设置帧的名称。名称属性用于指定在哪个框架中打开网页。
<a href="http://www.google.com" target=" " >
名称应放在锚标签<a>的目标属性中......</a>
如果您想在单个帧中打开所有网页,您可以使用此标签<base target="" />
<html><头><base target=" " /></head></html>
Target用于指定帧的名称,但也可以使用标准值来代替帧的名称。
- _空白
此值创建一个新窗口来显示不包含任何帧的页面
- _父母
与第一个相似,但通常用于指定包含源名称的父帧
- _自己
将页面加载到同一帧中
- _顶部
这个表示一个新的文档窗口。它用于打破框架并在同一窗口中加载文档
- 框架名称
指定要加载页面的位置
- 资源窗口
在新窗口中打开文档
内联框架
内联帧是一个可以完全用作图像的浮动帧。它也像图像标签一样使用
<iframe></iframe>
内联框架的属性
1. src指定页面的位置
2.将内联框架与页面的其他元素对齐。值为左、右、上、下、中
3.高度和宽度指定iframe的尺寸(以像素为单位)
4. hspace和vspace指定iframes周围的水平和垂直空间量。值以像素为单位。
5. 页边距高度和页边宽度决定了帧左右边缘和顶部底部边缘及其内容之间的像素空间量
6.框架边框-值为1和0
7.滚动-值可以是或否
8. noresize - 防止用户调整帧大小
9. 名称 - 给框架取一个名字