欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

对HTML框架标签的作用总结

程序员文章站 2022-03-20 16:28:15
...
我们所浏览的网页几乎每个都是分区块的,每块的功能不一样,比如头部的导航栏,中间的内容部分等,这些区块都是通过HTML中的框架标签进行分割布局的,下面我们就来总结下这些框架标签:

1.HTML框架标签frameset、frame、iframe、noframes

一个浏览器文档窗口中一般只能显示一个网页文件,但是,使用框架标签就可以将一个浏览器文档窗口分割成多个子窗口,每个子窗口中都可以显示一个独立的网页文件。
框架是由英文Frame翻译过来,它代表浏览器文档窗口中的一个子窗口。每个框架都可以显示一个HTML文件,多个框架组成了一个框架集(Frameset)。

对HTML框架标签的作用总结

2.HTML框架标签

与HTML框架有关的标签主要有三种:

<frameset>框架结构标签

<frame>框架标签

<iframe>内联框架标签

对HTML框架标签的作用总结

3.XHTML入门学习教程:框架标签使用_HTML/Xhtml_网页制作

框架结构可以让几个网页同时显示在浏览器的一个页面内。我们不推荐您使用它来设计网站。 框架结构标签<frameset></frameset>
框架允许你在一个浏览器窗口内打开两个乃至多个页面。你可以这样理解,<frameset>其实就是一个大<table>,只不过整个页面是<table>的主体,而每一个单元格的内容都是一个独立的网页。 给框架结构分栏(”cols“和”rows“属性)
既然我们说框架结构可以被理解为一网页为单元格的表格,那么就一定要分栏了。其中cols属性将页面分为几列,而rows属性则将页面分为几行。下面来看一个例子。

对HTML框架标签的作用总结

4.HTML框架标签的实例应用

HTML中主要的基础标签如下:

注释标签<!-- -->;

段落标签<p></p>;

标题标签<h1></h1>,该标签的参数从h1~h6;

换行标签<br/>或者<br>;

(字体)粗体标签<b></b>;

(字体)斜体标签<i></i>;

下标<sub></sub>;

对HTML框架标签的作用总结

5.<iframe>内嵌网页框架标签

<iframe src="http://www.php.cn/" width="400" height="200" scrolling="yes" />

Src值为被嵌入网页地址 Scrolling 是否有滚动条,yes有,no无,auto 根据被显示html自动显示或隐藏

Width宽度Height高度

高度宽度可以为百分比,可以为具体高宽数值,不需要跟单位。通常需要设置高度、宽度具体数值。

特别说明如果要想隐藏iframe出现的滚动条,可以使用Scrolling=no隐藏滚动条,当然也可以使用CSS样式隐藏滚动条。也可以设置合适高宽到不显示滚动条。

对HTML框架标签的作用总结

以上就是对HTML框架标签的作用总结的详细内容,更多请关注其它相关文章!