HTML标签汇总（基础框架部分）

最新推荐文章于 2022-06-05 23:05:56 发布

HZS_Song

最新推荐文章于 2022-06-05 23:05:56 发布

阅读量521

点赞数 1

文章标签： html html5

本文链接：https://blog.csdn.net/qq_41696334/article/details/104147759

版权

HTML标签汇总（基础框架部分）

垂直框架

<frameset cols="25%,50%,25%">
  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">
</frameset>

👇运行结果👇

水平框架

<frameset rows="25%,50%,25%">
  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">
</frameset>

👇运行结果👇

使用标签

<noframes>
<body>您的浏览器无法处理框架！</body>
</noframes>

混合框架结构

<frameset rows="50%,50%">
	<frame src="/example/html/frame_a.html">
	<frameset cols="25%,75%">
		<frame src="/example/html/frame_b.html">
		<frame src="/example/html/frame_c.html">
	</frameset>
</frameset>

👇运行结果👇

内联框架

<iframe src="/i/eg_landscape.jpg"></iframe>

👇运行结果👇

<frameset>  
<frame>

frameset元素可定义一个框架集，他被用来组织多个窗口（框架）。
不能将<frameset></frameset>标签和<body></body>标签。但是，如果需要为不支持框架的浏览器里添加一个标签，请务必将标签放置在标签中!

frameset

属性	值	描述
`cols`	`pixels` `%` `*`	定义框架集中列的数目和尺寸
`rows`	`pixels` `%` `*`	定义框架集中行的数目和尺寸

关于cols属性、rows属性

这两个属性都接受用引号括起来并用逗号分开的值的列表，这些数值制定了框架的绝对（像素点）或相对（百分比和其余空间）。

例子1：

<frameset rows="150,300,150">

每行都贯穿整个文档窗口。第一个和最后一个设为150像素高，第二行设置为300像素高。
实际上，除非浏览器的敞口正好是600像素，否则浏览器将按照比例延迟伸或压缩第一和最后一个框架。

例子2：

<frameset rows="25%,50%,25%">

用窗口尺寸的百分比表示框架行和列尺寸，与例子1显示效果相同。另外，如果这些百分比加起来不是100%浏览器会按照比例给出尺寸。

例子3：

<frameset cols="100, *">

“*”表示自动分配剩下的空间。该例子会生成一个宽为固定100像素的列，再生成另一个框架列，另一个框架占剩余的所有空间。

例子4：

<frameset rows="*, 100, *">

我们还可以对多个列或行属性值使用“*”。该例子会在框架集中生成一个100像素高的行，并在这行的上边和下边各生成相同尺寸的行。

例子5：

<frameset cols="20%, 3*, *, *">

如果在“*”前放置一个整数，相应的行或列就会相应的按倍数获得更多的空间。该例子的第一列占20%、第二列占48%、第三列和第四列各占16%。

综上述五个例子，使用“*”可以很容易的在一个框架中分割空间
如果需要确定大小的框架使用noresize属性

frame标签定义frameset中的一个特定窗口（框架）。
frameset中的每个框架都可以设置不同的属性。

frame

属性	值	描述
`frameborder`	`0` `1`	规定是否显示框架周围的边框
`longdesc`	URL	规定一个包含有关框架内容的长描述的页面。（不建议使用）
`marginheight`	pixels	定义框架的上方和下方的边距
`marginwidth`	pixels	定义框架的左侧和右侧的边距
`name`	name	规定框架的名称
`noresize`	`noresize`	规定框架无法调整大小（默认地，可以通过拖动框架的“墙壁”来改变框架的大小）
`scroling`	`yes` `no` `auto`	规定是否在框架中显示滚动条
`src`	URL	规定在框架中显示的文档的URL

<noframes>

可为不支持框架的浏览器显示文本。noframes元素位于frameset元素内部。
如果浏览器有能力处理框架，就不会显示出noframes元素中的文本。
使用noframes必须要把文本放在<body></body>标签中！

<iframe>

内联框架

属性	值	描述
`frameborder`	`1` `0`	规定是否显示框架周围的边框
`height`	`pixels` `%`	规定iframe的高度
`width`	`pixels` `%`	固定iframe的宽度
`longdesc`	URL	规定一个页面，该页面包含了有关iframe的较长描述。（不建议使用）
`marginheight`	pixels	定义iframe的顶部和底部的边距
`marginwidth`	pixels	定义iframe的左侧和右侧的边距
`name`	frame_name	规定iframe的名称
`sandbox`	`“”`——应用以下所有的限制 `allow-same-origin`—— 允许iframe内容被视为与包含文档有相同的来源 `allow-top-navigation`——允许iframe内容从包含文档导航（加载）内容 `allow-forms`——允许表单体提交 `allow-scripts`——允许脚本执行	启用一系列对`<iframe>`中内容的额外限制
`scrolling`	`yes` `no` `auto`	规定是否在iframe中显示滚动条
`seamless`	`seamless`	规定`<iframe>`看上去像是包含文档的一部分（无边框或滚动条）
`src`	URL	规定在iframe中显示文档的URL
`srcdoc`	HTML_code	规定在`<iframe>`中显示的页面的HTML内容（必须是有效的HTML语法）

HZS_Song

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML标签汇总（基础框架部分）

HTML标签汇总（框架部分）垂直框架<frameset cols="25%,50%,25%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"&...
复制链接

扫一扫