我期望切换一个元素的可见性:我应该从class ="..."或style ="..."开始？

Question

如果我在网页上有一个我期望显示的元素并使用javascript隐藏了很多,这将是最合适的方式将其设置为最初不可见的？

<div class="hidden">...</div>

要么

<div style="display: none;">...</div>

在大多数情况下使用class="..."是优选的style="...",但我不相信它在这种情况下是最合适的.语义上,我的元素不是一个隐藏的元素,它只是一个会开始时隐时现的第一次加载页面.因为我正在使用jQuery的show()和hide()方法,这意味着它通常会处于这种状态:

<div class="hidden" style="display: block;">...</div>

..对我来说显然是胡说八道.

另一方面,使用内联style="display: none;"感觉有点hacky和硬编码.

我知道任何一种方法都能完美运行,用户永远不会更聪明,但哪种模式违反设计原则最少？

Answer 1

称呼风格initially-hidden.它准确地传达了信息,如果您使用jQuery查询该样式,则有意义.