html布局学习笔记-优快云博客

本文介绍了HTML中的框架集<frameset>及其子标签<frame>的使用方法，展示了如何创建多框架布局。同时，文章还探讨了WEB标准的概念，包括其结构、表现和行为三个组成部分，以及如何通过DIV+CSS实现网站重构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<frameset> 定义如何将窗口化分为框架(rows/cols)，不能与body同在，否则不显示
<frame> 定义框架要加载的html文档，需增加 noresize="noresize"属性防止有可见边框可随意拖动
<noframes> 用于不支持框架的浏览器

综合以上三个标签示例如下：

<html>
<head>
<title>frame框架</title>
</head>

<frame>
<frameset rows="20%,*">
<frame src="top.htm" name="top" noresize="noresize">
<frameset cols="25%,75%">
<frame src="left.htm" name="left" noresize="noresize">
<frame src="main.htm" name="main" noresize="noresize">
</frameset>

<noframes>
<body>
您的浏览器不支持框架！
</body>
</noframes>
</frameset>
</frame>

</html>

所有跟样式有关都要放到单独的样式表.css中，通过link标签放到head标签内，并可引用到多个页面中。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

当定义产生冲突时，CSS新式的生效规则是后定义的优先。优先级的顺序是：

在标签中加入CSS样式
在<style></style>标签中加入css样式
导入样式@import url("index.css")或@import "index.css"
链入外部CSS样式表

常用字符实体

结果	描述	实体名称	实体编号
	非间断空格
<	小于号	<	<
>	大于号	>	>
&	and符号	&	&
¢	分	¢	¢
£	英镑	£	£
¥	日元	¥	¥
€	欧元	€	€
§	小节号	§	§
©	版权所有	©	©
®	注册商标	®	®

参考学习地址： http://www.w3schools.com/cn/html/html_elements.asp

什么是WEB标准？WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构、表现和行为。对应的标准有三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制定的标准，如ECMAScript。
XHTML ：在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。建立XHTML的目地就是实现HTML向XML的过渡。XHTML有三种DTD定义：严格的(strict)、过渡的(transitional)和框架的(frameset)
网站重构：通过在HTML文档中使用结构化的标记以及用CSS控制页面表现，使页面的实际内容与表现样式分离的站点的过程。网站重构的核心就是实现优化的表现层和结构层分离，建立标准的WEB网页。
DIV+CSS只是实现WEB标准的技术手段，并不能代表整个WEB标准。WEB标准不仅仅是HTML向XHTML的转换，更重要的信息结构清晰、内容与表现相分离，而DIV+CSS技术能较好地实现这种制作模式。