Değiştirmek istemiyorum çok güzel bir görsel içerik ile <div> bir blok var. Tıklanabilir bir bağlantı yapmak istiyorum.

<a href="…"><div> … </div></a> gibi bir şey arıyorum ama bu geçerli XHTML 1.1.

Burada daha iyi bir çözüm bulma umuduyla gelen benim, ama burada olanlar hiç hoşuma gitmiyor. Bazıları soruyu yanlış anlamış sanırım. OP bir div içeriğini tam bir bağlantı gibi davranmasını istiyor. Bunun bir örneği, facebook Reklamları - eğer bakarsanız, aslında uygun işaretleme onlar olurdu.

No-nos vardır benim için: javascript (sadece bir bağlantı için gerekli olmamalı, ve çok kötü/erişilebilirlik SEO); geçersiz HTML.

Özünde bu var:

• Panel normal CSS teknikleri ve geçerli HTML kullanarak oluşturun.
• Eğer Kullanıcı Paneline tıkladığında varsayılan bağlantı olarak istediğiniz bir link koyun oraya bir yere (başka bağlantıları da olabilir).
• Bu bağlantı içinde, boş span etiketi (<span></span> değil <span /> - teşekkürler @Campey) koyun
• konum:göreceli panel ver

• boş span: aşağıdaki CSS uygulamak

  { 
    position:absolute; 
    width:100%;
    height:100%;
    top:0;
    left: 0;
  
    /* edit: added z-index */
    z-index: 1;
  
    /* edit: fixes overlap error in IE7/8, 
       make sure you have an empty gif */
    background-image: url('empty.gif');
  }   
  

  Şimdi paneli kapsayacak, ve <A> bir etiketi içinde olduğu için tıklanabilir bir bağlantı

• panel position:relative içinde başka linkler vermek ve z-ındex uygun (>1) varsayılan span bağlantıyı önüne getirin

Edit: tanınmayacak kadar değişmiş olarak başvurulan, kaldırılan site.