HTML5 içerik gizlemek için kullanılabilecek, yeni küresel özniteliği, hidden,.

<article hidden>
   <h2>Article #1</h2>
   <p>Lorem ipsum ...</p>
</article>

CSS de içeriği gizlemek için kullanılabilir display:none kural vardır.

article { display:none; }

Görsel olarak aynıdır. Fark anlamsal nedir? Hesaplama?

Kuralları ben bir ya da diğer, ve kullanmak için nelere dikkat edilmeli?

TİA.

EDİT: @Newtron tepkilerine göre (aşağıda), daha fazla arama yaptım. hidden öznitelik ateşli geçen yıl itiraz edildi ve (görünüşte) zar zor HTML5 spec haline getirdiler. Bazı gereksiz ve bir anlamı olmadığını savundu. Anladığım kadarıyla, son değerlendirme şu: Eğer sadece web tarayıcıları hedef olursam, fark yok. (Bir sayfa bile web tarayıcıları display:none gizli öznitelik uygulamak için kullanılan iddia.) Ama eğer erişilebilirlik dikkate alırsak eğer, (örneğin, belki de benim içerik ekran okuyucular tarafından okunmasını bekliyorum), o zaman bir fark vardır. 8* *CSS kuralını web tarayıcılarından benim içeriği gizlemek olabilir, ama karşılık gelen arya (kuralı,* örneğin *9) okumak için deneyebilirsiniz. Böylece, ben şimdi @newtron cevabı gibi olabilirim belki (belki) gibi net olsa doğrudur, katılıyorum. Teşekkürler @yardımın için newtron.

En önemli fark hidden elementler sunumu her zaman ne olursa olsun Gizli gibi görünüyor:

Gizli özniteliği meşru bir sunum olarak gösterilebilir içeriği gizlemek için kullanılmamalıdır. Örneğin, yanlış kullanım gizli panelleri gizlemek için bir sekmeli iletişim, çünkü sekmeli arayüzü sadece bir tür taşma sunum — yapılabileceğini aynı zamanda sadece Haritayı tüm form denetimleri büyük bir sayfa ile bir kaydırma çubuğu. Benzer şekilde, yanlış bir öznitelik bu sadece bir sunum içerik gizlemek için kullanabilirsiniz — eğer bir şey gizli işaretli ise, tüm sunumlar, örneğin, ekran okuyucuları da dahil olmak üzere gizli.

http://dev.w3.org/html5/spec/Overview.html#the-hidden-attribute

CSS farklı medya hedef olabilir bu yana/sunum türleri, display: none verilen bir sunum bağımlı olacaktır. E. g. bazı elementler bir masaüstü tarayıcıda görüntülendiğinde display: none ama mobil bir tarayıcı olabilir. Ya da, gizli görsel olarak ama ekran okuyucu için hala kullanılabilir.