区分视觉影响与结构语义

在开发网页界面时，坚持语义化标记原则仍然至关重要，这通常需要实现分层的标题元素（h1, h2, h3）来进行部分组织。

浏览器固有地以逐渐减小的尺寸渲染这些标题元素——h1 元素看起来比 h6 元素大得多。虽然这种默认行为对以文档为导向的内容非常有效，但在应用程序界面中可能会无意中导致次优的设计决策。

例如，使用 h1 元素作为“管理账户”部分的标题完全符合语义最佳实践。然而，我们习惯于将 h1 元素与显著的视觉处理联系在一起，这常常导致不必要的过大标题主导界面。