HTML5技术

web前端之HTML的大框架(body元素与frameset元素) - 紫竹六月

字号+ 作者:H5之家 来源:博客园 2016-08-14 17:00 我要评论( )

web前端之HTML的大框架 body元素与frameset元素 对于从事html的人员来说,我们一般熟悉的框架是先声明html ,然后在html标签对里包着head标签对和body标签对,body元素定义文档的主体,包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。而我

web前端之HTML的大框架

                           body元素与frameset元素

 

对于从事html的人员来说,我们一般熟悉的框架是先声明html ,然后在<html>标签对里包着<head>标签对和<body>标签对,body元素定义文档的主体,包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。而我们想要在页面中显示出来的内容全部写在<body>标签对里。

例如:

<!DOCTYPE html>

<html>
  <head>
    <title></title>

    <meta charset="utf-8">
  </head>
  <body>

    <p>页面中能显示出来</p>

  </body>
</html>

 

但是还有另外一个大框架,就是<frameset>标签对,它被用来组织多个窗口(框架),不常用,估计也很少人知道的,不多说  上代码演示:

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
  <frameset cols="25%,50%,25%">
    <frame  style="background-color: yellow ">
    <frame  style="background-color: green ">
    <frame  style="background-color: lightbl ">
  </frameset>
</html>

 

     在其最简单的应用中,<frameset>标签对仅仅会规定在框架集中存在多少列或多少行,必须使用 cols 或 rows 属性。

代码中的cols表示的是所分的列,用相对宽度来表示的,第一列占整体宽度的25%,第二列占整体宽度的50%,第三列占整体宽度的25%,分别加上不同的背景色,看起来更明确。类似的也可以分成若干行rows 来划分整体的高度。如果所分的行或是列不能完全占据整体的宽度或是高度,就在最后加一个 * 来划分剩余的宽度或是高度。

<frameset>每个框架存有独立的文档,可以用src属性来调取,例如<frame src="a.html">就在一个框架中调取了 a.html文件。

 

需要注意的是 :不能与 <frameset></frameset> 标签一起使用 <body></body> 标签,它们是归属不同的框架架构。不过,如果需要为不支持框架的浏览器添加一个 <noframes> 标签,请务必将此标签放置在 <body></body> 标签中!

 

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • html基础学习 - Itsmallbo

    html基础学习 - Itsmallbo

    2016-08-14 18:00

  • CSS3 时钟 - 前端爱好者

    CSS3 时钟 - 前端爱好者

    2016-08-14 10:01

  • HTML相关 - zhoudingzhao

    HTML相关 - zhoudingzhao

    2016-08-11 17:00

  • 初识html5的localStorage本地存储 - 不会飞的麻雀

    初识html5的localStorage本地存储 - 不会飞的麻雀

    2016-08-11 16:00

网友点评