CSS özelliklerini kullanma "display: none"

Basamaklı Stil Sayfaları (CSS), web sayfasının görünümünü ve tasarımını düzenlemek için izin verir. "Display: none" En sık kullanılan özelliklere ve değerlerden biri olduğunu.

özelliklerinin belirlenmesi

Özellik, bir çok amaçlı olup belgede gösterge elemanı tipini tespit eder. Seçilen nedeniyle sayfa "görüntülü reklamcılık" özelliğine, Böylece tablonun parçası, vb. D. olarak bir öğe listesi olarak, doğrusal, blok kısmı görüntülenecek belirli değerlere olabilir bağlı olarak, belgedeki bloğun türünü değiştirebilirsiniz.

bohça "özelliği ekran değeri: none" gelince, o, bir öğeyi veya belgenin bloğunu silmenizi sağlar. Sayfanın parçasının altında aynı yerde o akıntının dışına düşer, yani ayrılmaz. "Uzak" ötesinde tüm unsurlar, sadece bunu görmek ve birimin boyutu ve konumu göz ardı etmedi. Gizli nesneyi döndürmek için tek yapmanız gereken, istenen formata özelliklerinin değerini değiştirmek script aracılığıyla belge belirtmelisiniz. Bu olduğunda otomatik olarak yeni bir nesne ile sayfayı biçimlendirmek.

özellikleri "ekran" ve "görünürlük" arasındaki fark

Her iki özellik bir sonucudur kullanıcısından öğeleri gizlemek için olmasına rağmen, operasyon kendi prensibi oldukça farklıdır. Yukarıda belirtildiği gibi, parametre "display: none" belgeden elemanı kaldırır. Blok böylece onun içinde yer almayan, sayfanın dışına düşer. Bu durumda, nesne hala HTML kodunda kalır.

Buna karşılık, özelliği "visibility: hidden" kullanıcıdan elementi gizler, ancak belge modelinden bunu kaldırmaz. Böylece sayfa bu blokta yer ayrılmıştır. Yani, belge akışı kabul etmek ve mülkiyet sahip bir öğenin konumunu ve boyutunu dikkate alacaktır "görünürlük: hidden" onsuz aynı şekilde.

Bu fark, bu iki özellik sayesinde doğru sayfa gösterimi için istenilen sonucu elde etmek için yapar belgenin organizasyon yapıdır.

hiçbiri: Ekranı - CSS kullanarak

İnternet belge elementinin özelliklerini belirlemek için birkaç yol vardır. İlk display: none Basamaklı Stil Sayfaları için ayrı bir dosyada reçete edilebilir. Eğer ayrı bir belgede tüm seçiciler, sınıfları ve özelliklerini yapmak için izin verdiği bu yöntem, en gelişmiş ve en iyisidir. Böyle bir model hızlı sayfa ayarlarını bulmak ve değiştirmek için izin verir.

belge başlığı

İkinci düzenleme belge stil etiketlerinin başlığı arasında stilleri tanımlamaktır. Bu yöntemin etkinliği çok daha azdır. Web sayfaları tasarımcının okunabilirliği önemli ölçüde bozulur stilleri çok sayıda varlığında olduğu gibi, sadece aşırı durumlarda uygulanması önerilir. Ve bu hatalara yol açmaktadır ve bir web belgesi geliştirme sürecini yavaşlatır. Bu yaklaşım, sadece stilleri veya hata ayıklama enstrümanın az sayıda etiketi ekleyerek durumunda önerilir.

Belgede stiller organize bu şekilde ayrı bir stil sayfası ithalat azsa, örtüşen özellikler belge html gövdesinde olanlar tarafından yazılır unutmayın.

Blok div. Ekran: yok

Diğer bir yolu etiketine doğrudan eklemektir "style = display: none;" kod öğesi. Çeşitli çerçeveler ile çalışırken bu yaklaşım genellikle kullanılan, amacı - doğrudan stil sayfası içine özelliklerin sayısını azaltarak ve web belgede bunları görüntüleyebilir. "Kod müfettişleri" sayfa izlerken Ayrıca, böyle bir rekor sıklığıdır. Yaklaşımı kullanarak, size stil öngörülen mülkiyet ve değerini değiştirebilir unutmamak önemlidir. Yani, dikkatli olmalıdır bir sonuç olarak, kendileri için ek sorunlar yaratabilir ve bulma ve sayfa kodunda hataları düzeltmeden biraz zaman harcamak.

JavaScript

Aynı zamanda bu özelliğinde daha fazla değişiklik olasılığını söz etmek gerekiyor. Bu stil sayfası ve html-kod ve bir komut dosyası dili artık gelir. Nedenle, bu alanda en azından bazı bilgilere sahip olmak gereklidir uygulamak. belge akışı elemanını kaldırmak için, bir JavaScript özelliği "display = none" kullanabilirsiniz. Bu belgede, belirli bir olay yapısını değiştirmeye izin verir. Ayrıca, komut dosyalarını kullandığı dinamik ( "on the fly") parametresi özelliklerini değiştirmek için ve böylece yeniden yüklemek zorunda kalmadan sayfanın görünümünü yenileyin. Açılır menüleri, modal pencereler ve formlarını düzenlerken Bu yaklaşım yararlıdır.

SEO

arama motorları için web içeriğini optimize alanında, birçok batıl ve belirsizlikler var. Yani, birçok acemi SEO özellikleri "ekran" kötü bir davranış kullanımını düşünün. Onlar gizli içeriği görüyor arama motorları spam olarak sayfayı düşünmeye başlar gerçeğiyle bu açıklar. Onların bir deyişle, ama çok başka, bazı mantığı yok. Gizli nesneleri özellik şu anda, kullanıcının ilgilendiği olan belgenin parçalarını açılır menüyü biçimlendirmek ve gizlemek için yeterince sık kullanılan zaman içinde bu noktada (diğer bir bilgi kategorisini seçtiğinizde, örneğin silinir). Bu yaklaşım yeterince güçlü internet portallarını (- "Amazon" bunlardan biri) kullanır. Böylece, arama motoru örümceklerinin ": yok ekran" Spam mülkiyet kullanımını dikkate olamaz.

Başka bir şey, bu yaklaşım, bireysel kelime ve karakterleri gizlemek için kullanıldığı zaman. Şimdi arama motoru örümceklerinin henüz belgelerde böyle "Spam" algoritmaların mükemmel tanınmasını yok olmasına rağmen, sayfa, bu yakalanmış edilme olasılığı oldukça yüksektir. Bloğun türünü değiştirmek veya geçici kullanıcının gözünden gizlemek - Bu nedenle mülkiyet "ekran" kullanılması önerilir kendi amacı için kesinlikle yasaktır.