HTML学习笔记——框架结构
作者:互联网
8.1 框架的基本概念
框架时浏览器窗口中的一个区域,它可以显示与浏览器窗口的其余部分中所显示的内容无关的HTML文档。
框架集是HTML文件,它定义一组框架的布局和属性,包括框架的数目、框架的大小和位置,以及在每个框架中初始显示的页面URL。框架集文件本身不包含要在浏览器中显示的HTML内容,但noframes部分除外。框架集文件只是向浏览器提供应如何显示一组框架,以及在这些框架中应显示哪些文档的有关信息。
框架结构是将两个或两个以上的网页组合起来,在同一个窗口中打开的网页结构。框架把一个网页分成几个单独的区域,每个区域为一个单独的HTML文件。显示时,每个区域像一个单独的网页,可以有自己的滚动条、背景、标题等。
框架最常见的用途就是导航。一组框架通常包含一个含有导航条的框架和另一个显示主要内容的框架。
8.2 设置框架集的属性frameset
框架页面的结构是在框架集中设置的,可以根据框架的分割方式分为水平分割窗口、垂直分割窗口和嵌套分割窗口。
8.2.1 水平分割窗口rows、垂直分割窗口cols
语法:
<frameset rows=”框架窗口的高度,框架窗口的高度,......” cols=”宽度,宽度......”>
<frame>
<frame>
......
</frameset>
8.2.2 嵌套分割窗口
语法:
<frameset rows=”框架窗口的高度,框架窗口的高度,......”>
<frame>
<frameset cols=”框架窗口的宽度,框架窗口的宽度,......”>
<frame>
<frame>
</frameset>
8.2.3 框架的边框frameborder、边框宽度framespacing、边框颜色bodercolor
语法:
<frameset frameborder=”是否显示” framespacing=”边框宽度” bordercolor=”边框颜色”>
8.3设置窗口属性frame
< frame>用来定义每一个单独的框架页面,框架页面的属性设置都在< frame>标记里进行。
8.3.1 页面源文件src、页面名称name
框架结构中的每一个页面都是一个单独的文件,这些文件都是通过src来指定一个初始文件地址。页面的源文件可以是一个网页文件,也可以是一张图片,地址类型可以是相对地址、绝对地址或带有锚点链接的地址。
页面名称是为了便于页面的查找和链接所提供的一个属性。
语法:<frame src=”页面源文件地址” name=”页面名称”>
8.3.2 禁止调整窗口的尺寸noresize
语法:<frame src=”页面源文件的地址” norsize>
8.3.3 边框与页面内容的水平边距marginwidth、垂直边距marginheight
语法:<frame src=”页面源文件地址” marginwidth=”水平边距” marginheight=”垂直边距”>
8.3.4控制框架滚动条显示scrolling
一个框架中的页面内容常常会超出整个框架的尺寸范围,在默认情况下,浏览器会在右侧或者下方显示滚动条,以便浏览者拖动查看全部内容。但有时希望不显示滚动条,可以通过scrolling属性自由控制滚动条的显示。
语法:<frame src=”页面源文件” scrolling=”是否显示滚动条”>
8.3.5 不支持框架标记noframes
如果遇到不支持框架结构的浏览器,或者用户关闭了浏览器的框架显示功能,此时就需要用来设置替换内容,告诉浏览者其浏览器无法打开框架结构。
语法:<noframes>替换显示内容</noframes>
8.4 浮动框架iframe
浮动框架是一种较为特殊的框架,它是在浏览器窗口中嵌套的子窗口,整个页面并不一定是框架页面,但要包含一个框架窗口。< iframe>框架可以完全由设计者定义宽度和高度,并且可以放置在网页的任何位置,这极大地扩展了框架页面的应用范围。
8.4.1 页面源文件src、浮动框架的宽和高width、height
语法:
<iframe src=”浮动框架的源文件” width=”浮动框架的宽” height=”浮动框架的高”>
</iframe>
8.4.2 浮动框架的对齐方式align、滚动条显示属性scrolling
left、right、middle、bottom(底部对齐)
语法:<iframe src=”浮动框架的源文件” align=”对齐方式” scrolling=”是否显示”></iframe>
8.5 创建框架链接
一般情况下,创建框架网页的目的是为了更好地对页面内容进行导航,通过框架进行链接不同的内容。对于框架页面来说,设置页面的链接需要使用target。
普通的框架结构之间通过target互相链接起来。一般情况下,一个页面中会有一个框架窗口作为导航页面,其中添加了对另一个框架内容的链接设置,而这些链接则是通过target来实现的。
标签:滚动条,窗口,框架,笔记,语法,HTML,浏览器,框架结构,页面 来源: https://blog.csdn.net/qq_40078753/article/details/100186613