HTML文档横竖定位组件选型及混合Frame创建问题咨询

问题1 可用于对HTML文档进行垂直、水平方向定位的组件是？ #

可选答案：a. Table、b. Forms、c. Frame、d. Lists
正确答案为c. Frame
各选项的功能边界说明：

• Table：原生设计目标是展示结构化行列数据，虽在Web发展早期曾被开发者滥用做整页布局，但它始终是单文档内部的内容排版工具，不支持加载独立HTML文档做分区定位
• Forms：核心功能是承载用户输入控件、收集提交交互数据，和跨文档分区定位无关联
• Frame：是早期HTML标准中专门用于拆分浏览器可视区域、在不同分区加载独立HTML文档的组件，原生支持垂直、水平方向的区域划分定位
• Lists：仅用于承载有序、无序类列表文本内容，不具备分区定位能力

问题2 是否可以在同一个网页中同时创建垂直方向与水平方向的Frame？ #

完全可以实现
传统HTML4体系下，通过<frameset>标签的嵌套写法就能完成混合方向的Frame布局：先通过frameset的rows属性完成全页的水平拆分，再对其中某一个拆分出来的区域嵌套一层frameset，用cols属性完成垂直拆分，即可在同一个页面内同时存在水平、垂直划分的Frame区域。
示例代码结构参考：

<!-- 先把整页拆分为上下两个水平区域 -->
<frameset rows="60%,40%">
  <frame src="top-nav.html">
  <!-- 对下方的40%区域，再拆分为左右两个垂直区域 -->
  <frameset cols="30%,70%">
    <frame src="side-bar.html">
    <frame src="main-content.html">
  </frameset>
</frameset>

需要说明的是，Frame、Frameset相关标签已经在HTML5标准中被正式废弃，现代Web开发更推荐使用CSS Flex、Grid等布局方案实现同类型的分区拆分效果，无需再依赖Frame组件。

内容的提问来源于stack exchange，提问作者Ross