HTML 5中的框架标签用来创建一个包含多个网页的框架集合,可以用来实现网页布局的分割和管理。框架标签包括<frameset>、<frame>、<noframes>这几个标签。

  1. <frameset>标签: <frameset>标签定义框架集合,用于指定页面中的每个框架的大小、位置、边框等属性。<frameset>标签必须包含在<html>标签内,但不能包含在<body>标签内。<frameset>标签有以下属性:
  • cols:指定列的数量和宽度,多个宽度用逗号分隔;
  • rows:指定行的数量和高度,多个高度用逗号分隔;
  • border:指定框架之间的边框宽度,默认为1。

示例:

<!DOCTYPE html>
<html>
<frameset cols="25%,50%,25%">
  <frame src="frame1.html">
  <frame src="frame2.html">
  <frame src="frame3.html">
</frameset>
</html>
  1. <frame>标签: <frame>标签用于定义一个框架,在<frameset>标签内使用。<frame>标签必须包含在<frameset>标签内,而不能包含在<body>标签内。<frame>标签有以下属性:
  • src:指定框架的内容来源;
  • name:指定框架的名称,可以在其他框架中使用该名称进行定位;
  • scrolling:指定框架是否显示滚动条,取值为yesnoauto

示例:

<frame src="frame1.html" name="frame1" scrolling="yes">
  1. <noframes>标签: <noframes>标签用于在不支持框架的浏览器中显示替代内容。<noframes>标签必须包含在<frameset>标签内,而不能包含在<body>标签内。

示例:

<noframes>
  <p>This page requires a browser that supports frames.</p>
</noframes>

注意事项:

  • <frame>标签已经在HTML5中废弃,不推荐使用,建议使用CSS和JavaScript来实现类似的布局效果;
  • 尽量避免使用框架标签,因为它会影响页面的可访问性和搜索引擎优化。

以上是HTML 5框架标签的基础教程,希望对你有所帮助。