代码之家  ›  专栏  ›  技术社区  ›  Mike Fielden

水平规则:设计决策好坏[关闭]

  •  6
  • Mike Fielden  · 技术社区  · 15 年前

    我创建了一个自定义控件,其中包含要选择的项列表。 我担心这些项目会一起运行,看如何在这个列表中有许多不同类型的操作。

    • 创造
    • 编辑
    • 视图

    所以我用水平尺把它们分为不同的组。

    我的同事认为水平规则是一个糟糕的设计选择,并希望我把它改成一个风格化的分区。我没有真正的意见,除了它们很容易实现。我实施的人力资源设计很好,看起来不错。

    思想?水平规则是好的还是坏的设计选择?

    3 回复  |  直到 15 年前
        1
  •  6
  •   cgp    15 年前

    不好,因此只使用一个DIV来添加一个水平DIV。相反,考虑将看起来像水平规则的行作为要划分的元素的边框。这在语义上是正确的,因为您不会影响正在创建的HTML文档的结构。

    This article goes in to depth about how div's can be abused 只将它们用作表示元素。虽然有时无法避免,但这不是其中之一。

        2
  •  0
  •   David Thomas    15 年前

    在这一点上,我倾向于同意Altcongenito,因为它们纯粹是表现主义的(至少在我迄今为止所见的每一个实例中,它们似乎都是表现主义的),它们应该通过CSS应用。

    很可能有一个 :after {content: /* hr */;} 但是,老实说,如果有边界底部,它在视觉上服务(或者至少可以服务)相同的目的,为什么要费心 <hr /> 不再?

    当然,如果你决定采用的话,它们也可以被设计成样式,尽管 W3 Schools 建议所有潜在的样式选项现在都已弃用。如果是这样,而且不能“正式”的风格,我想最好避免它。即使只是从纯粹的心态来维护样式表的有效性。

        3
  •  0
  •   David    15 年前

    人力资源部唯一的问题是它总是存在的。我假设您的同事认为您可能并不总是希望显示HR,使用DIV和CSS解决方案,让某人在一个全局CSS文件中删除或更改它。(不过,人力资源也可以由CSS控制)

    Div+CSS解决方案不是一个糟糕的解决方案,但就您所描述的而言,HR解决方案也不是一个糟糕的解决方案。在这种情况下,我愿意随时随地去。