UI 组件类型 · 页面模式与模板 / Page Shell
Page Shell
定义页面级容器、导航、主体和页脚的组合骨架。
关键字段
Identity · 身份
- 子类型
- 模板
- 父级类目
- 布局与表面
What · 是什么
- 组成
- Header、Main Shell、Content Region、Footer、Responsive Regions。
Why · 为什么
- 使用目标
- 定义页面级容器、导航、主体和页脚的组合骨架。
Where · 在哪里
- 适用场景
- Web 界面设计
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类、组件部件、状态与横向适用关系
关系来自本地关系表，并包含反向关联。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 布局与表面Layout & Surfaces属于
用于组织空间、容器、层级、页面骨架和视觉表面的组件。
- FooterFooter反向 · 属于
承载辅助链接、版权和法律信息的页脚
- Global HeaderGlobal Header反向 · 属于
承载品牌、全局入口和账户操作的页头
- Main ContentMain Content反向 · 属于
承载当前页面主要内容的区域
- Main NavigationMain Navigation反向 · 属于
承载产品或网站主导航的区域
- Side PanelSide Panel反向 · 属于
承载辅助导航、筛选或上下文工具的区域
- Skip LinkSkip Link反向 · 属于
帮助键盘用户跳过重复导航的入口