Question

我正在处理一个继承的网页。特别是尝试实现print.css（到目前为止还没有print.css）。

以前的开发者已经投入......

<hr class="hidden" />

主要CSS中的CSS（不出所料）：

.hidden {
  display: none; }

...分隔页面主要部分的点。想知道是否有人可以说为什么这可能有用？

没有单独的print.css，虽然他可能打算实现一个并且没时间用完。页面设计得很好，所以我假设前一个人知道他在做什么。

Answer 1

他确实很可能希望页面的打印版本在那里有一条水平线。在那个CSS中，他可能会将“隐藏”类定义为“display：inline”。

Answer 2

嗯，我认为，即使它们不可见，人力资源部门仍将其语义目的用作分隔符。但是，是的，这有点奇怪。也许他打算让他们以印刷品的形式展示，以避免出现大量的文字。

是否存在未隐藏的人力资源？查看这些案例可能会为您提供更多信息。考虑到他用一个类做了这个，它可能意味着这些都是异常的，因为他可以用hr {display：hidden;}

使它成为全局的

Answer 3

我认为以前的人只想为打印版本添加可见的<hr>，而在浏览器视图中<hr>则不是必需的。

Answer 4

我唯一可以假设的是，他把hrs放在那里，以便它们出现在没有渲染css的浏览器上;通常类似于WebbIE。如果您关闭浏览器的CSS，它们肯定会可见

我能想到的另一个原因是他正在进行测试 - 在css上注释display:none;行更容易，而不是手动删除所有小时。最后，他决定不使用小时，但他忘了删除它们，或者只是有点懒惰。

Answer 5

尝试理解应用于以下代码段的标记/样式背后的原因。 Sample as Originally Found in the Wild是一个跨浏览器兼容的示例，可在background-image中显示<hr />。在这种情况下，style="display:none"在 <hr />元素本身上声明，用于显示背景图像代替线条或边框。以下是相关的HTML / CSS：

HTML：

<div class="hr">
  <hr />
</div>

CSS：

div.hr {
  height: 15px;
  background: #fff url(hr1.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

Answer 6

嗯，一个原因可能只是减少页面的大小。如果你有很多元素，你可以保存一些字符。

<hr class="hidden" />
<hr style="display: none;" />

另一个原因可能只是一种编码风格，可以控制一个文件中的所有样式而不是内联样式。或者计划稍后使用打印版本。原因很多。

Answer 7

看起来他/她可能已经预料会被要求摆脱横向规则，所以主动将隐藏的课程放在他们身上。

话虽如此，没有必要这样做，就像简单的hr {display：none;本来就够了。但后来我看到一些优秀的设计师精神错乱，只是不需要这些课程。

或者它是一个意外，它意味着进入print.csss文件，因此不会打印水平规则。

谁真的知道？这是一个谜！

Answer 8

将标题与“隐藏”类别放在一起。和剪辑或显示：每个标签内都没有被认为是一个好习惯。它被称为＆＃39;文件概述＆＃39;并且它应该与html5一起使用。它的主要目的是更好地告知搜索爬虫有关网站内容的信息。

为什么<hr class =“hidden”/>？

8 个答案: