ui component foundation type / Container
Container
限制内容宽度、内边距和水平对齐的容器原语。
Key fields
Identity
- Subtype
- 基础
- Parent Taxonomy
- Layout & Surfaces
What
- Definition
- 限制内容宽度、内边距和水平对齐的容器原语。
- Composition & States
- Container 的语义角色、视觉容器、内容区域和交互反馈。
Why
- Role
- 限制内容宽度、内边距和水平对齐的容器原语。
Where
- Applicable Context
- Web Interface Design
How
- Checklist
- 语义正确;键盘可用;焦点可见;状态可感知;响应式可用。
Lifecycle
- Status
- 启用
Related content
Relationships come from the local knowledge graph and include reverse links.
- Before / After ShowcaseBefore / After ShowcaseReverse · Related
对比变化前后的视觉或结果,帮助用户理解产品、服务或过程价值。
- Global NavigationGlobal NavigationReverse · Related
跨页面提供品牌、一级目的地、账户和全局操作的稳定入口。
- HeroHeroReverse · Related
用一句核心承诺、支持说明和主要行动让用户快速判断页面价值。
- Location / MapLocation / MapReverse · Related
提供地点、路线、营业时间和区域上下文,支持地图之外的可访问文本路径。
- Media / Product DemoMedia / Product DemoReverse · Related
用视频、动图或交互预览解释产品如何工作及其关键体验。
- Social EmbedSocial EmbedReverse · Related
嵌入来自社交平台的帖子、视频或讨论,同时控制隐私、性能和失败退化。
- Store LocatorStore LocatorReverse · Related
让用户按位置、服务或库存查找最近的门店、机构或服务点。
- Video DemoVideo DemoReverse · Related
用短视频展示产品、服务或操作流程,并提供字幕、摘要和替代路径。
- Web Interface DesignWeb 界面设计Related
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- Layout & Surfaces布局与表面Related
用于组织空间、容器、层级、页面骨架和视觉表面的组件。