最適なオプション:
マークアップに要素を持ち、CSS で非表示にします。JS が有効になっている場合は、その要素を表示します。
JS が有効になっている場合は、マークアップに要素を持たず、その場で作成します。
ユーザーがJSを持っていない場合、divを表示したくありません。私の質問は、さまざまなケースをどのようにコーディングするかではなく、どれが最適で、その理由です。
編集：「最高」と言うとき、それがあなたにとって最高である理由であなたの答えをサポートすることを意味します. 速度/セマンティクス/その他の場合があります。私が望むのは、それぞれの長所と短所をよりよく見ることができるようにすることです. また、速度は1つの要素のみであるため、ミリ秒のようになるため、ほとんど問題になりません。
最初のオプションの場合、おそらく高速ですが、不要なマークアップと CSS ルールがあります。JS がなければ、要素を持っても意味がなく、ましてや隠しても意味がありません。
2 番目のオプションは、それほど高速ではないかもしれませんが、さまざまな部分を分けておき、実際にロードする必要があるものだけをロードします。