要素の可視性を切り替えることを期待しています：class = "..."またはstyle = "..."で始める必要がありますか？

Question

ウェブページ上に、JavaScriptを使ってかなり隠れていると思われる要素がある場合、これは最初は目に見えないように設定する最も適切な方法でしょうか？ class="..."を使用して

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

または

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

は、ほとんどの場合style="..."に好適であるが、私はそれがこのケースでベストフィットだ確信していません。意味的には、私の要素は隠された要素ではなく、が最初に読み込まれたときにを非表示にするものです。私はjQueryのショー（）および非表示（）メソッドを使用しているとして、それはそれは多くの場合、この状態になります意味：

は

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

...私にはこれがはっきりナンセンスです。

一方、インラインでstyle="display: none;"を使用すると、何とかハッピーでハードコードされているように感じます。

どちらの方法も完璧に動作し、ユーザーは決して賢明ではありませんが、どのパターンがデザインの原則に最も違反していることを知っていますか？

Answer 1

initially-hiddenのスタイルを呼び出します。情報を正確に伝え、jQueryを使用してそのスタイルをクエリする必要がある場合は意味があります。

Answer 2

表示を ""から "なし"に切り替えて切り替えたい場合は、スタイルを使用する必要があります。クラスを "hidden"から ""に変更して切り替えたい場合は、クラスを使用する必要があります。言い換えれば、一貫している。

Answer 3

私は全体のクラスを持っているだけで、何かの最初の可視性を呼び出すことに同意しますが、何が起こっているのかを簡単に把握することができます。特に、以前に提案されたように、「最初に隠された」などの記述的な名前を付けた場合、

私は特定のデザインプリンシパルを呼び出すことはできませんが、私が示唆していることは、そのメリットがあると思います。これは、再利用できない直接スタイルを適用するか、jQueryを使用してhide（）を呼び出すよりも、何が起こっているのかがより明らかです。