SORU
18 Kasım 2010, PERŞEMBE


css arka plan görüntü alt özniteliği

Bu mücadele daha önce yaşamadım. Bir site bu css background-ımage tarafından kullanılan da dahil olmak üzere görüntü özniteliği tüm alt etiketleri kullanmak istiyorum.

Bildiğim kadarıyla böyle bir CSS özelliği yok, bunu yapmak için en iyi yolu nedir lütfen?

Teşekkürler!

CEVAP
15 HAZİRAN 2013, CUMARTESİ


Arka plan resimleri emin veri sunabilir! Aslında, bu genellikle zararlı görsel simgeler daha kompakt ve metin diyor eşdeğer bir liste daha kullanıcı dostu olduğu tavsiye edilir. image sprites herhangi bir kullanımı bu yaklaşım yararlanabilir.

Otel listeleri simgeleri görüntülemek için olanaklar oldukça sık rastlanan bir durumdur. 50 otel listelenen bir sayfa düşünün ve her otel 10 olanaklar vardı. CSS Sprite, bir şey bu tür, çünkü onun daha iyi bir kullanıcı deneyimi daha hızlı için mükemmel olurdu. Peki bu görüntüler için ALT etiketleri uygulamak. Example site.

Cevap 8 ** metin hiç kullanmıyorlar ama yerine içeren div title özniteliğini kullanın.

HTML

<div class="hotwire-fitness" title="Fitness Centre"></div>

CSS

.hotwire-fitness {
    float: left;
    margin-right: 5px;
    background: url(/prostyle/images/new_amenities.png) -71px 0;
    width: 21px;
    height: 21px;
}

W3C (linkler yukarıda) göre, başlık özniteliği alt özniteliği aynı amaca pek hizmet vermektedir

Başlık

Başlık öznitelik değerleri çeşitli şekillerde kullanıcı aracıları tarafından işlenmiş olabilir. Örneğin, görsel tarayıcılar sık olarak başlık ekranı "araç ipucu" (kısa mesaj işaretçi aygıtını bir nesne üzerinde durakladığında görünür). Görsel kullanıcı arayüzleri benzer bir bağlamda başlık bilgileri konuşabilir. Örneğin, bir bağlantı özniteliği ayar kullanıcı arayüzleri (görsel ve görsel olmayan) bağlı kaynağın doğası hakkında kullanıcılara anlatmak için izin verir:

alt

Alt özniteliği etiketleri (yani, ımg, alan ve giriş ve uygulaması için isteğe bağlı olarak) bir dizi nesne için bir metin eşdeğer sağlamak için tanımlanır.

Eşdeğer bir metin, web sitesi ve aşağıdaki ortak durumlarda ziyaretçilerine aşağıdaki faydaları sağlar:

  • günümüzde, Web tarayıcısı kullanılabilir çok çeşitli platformlarda çok farklı kapasiteleri; bazı görüntüleyemiyor görüntüleri hiç ya da sadece sınırlı kümesinin türü resimleri; bazı olabilir yapılandırılması için yük görüntüleri. Eğer kod görüntü alt özniteliği varsa, bu tarayıcıların en resimlerin yerine verdiğin açıklama görüntüler
  • bazı ziyaretçiler resimleri göremez, körü, renk körü, düşük görüşlü; alt özniteliği büyük yardım o insanların güvenebilirsiniz bu iyi fikir ne sayfa
  • arama motoru botları ait bu iki yukarıdaki kategoriler: web sitenizin olması endeksli olarak bunu hak ediyor, kullanımı alt özniteliği emin olmak için vermiyorlar Bayan önemli bölümlerin sayfaları.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • AverageBroTV

    AverageBroTV

    20 Mart 2013
  • BuzzFeedVideo

    BuzzFeedVide

    10 AĞUSTOS 2011
  • SketchBookPro

    SketchBookPr

    6 Mayıs 2009