Как сделать кликабельные блоки (используем jquery)

Как сделать кликабельные блоки (используем jquery)

1680x1050_piranha

Статья в помощь хорошему верстальщику. Каждый хороший верстальщик знает, тег <a> - строчный элемент, в него во внутрь можно вложить только строчный элемент, но частенько в макете дизайна необходимо сверстать так чтобы блоки были кликабельны (к примеру, "блок с аннотациями новостей").

Какой предпринять выход из этой ситуации?

  • Вписать в тег <a> еще кучу блоков и сделать верстку не валидной (очень плохой способ).
  • Воспользоваться jquery(+понятная структура html, валидный код).
  • HTML
    <div class="post">
     <a href="#">Заголовок новости</a>
     <p>немного текста аннотиции, немного текста аннотиции.</p></div>
    JQUERY$(document).ready(function(){
     $('.post').click(function(){
     window.location=$(this).find('a').attr('href');
     return false;
     })});

    P.S. А рыбка тут к тому, что "Без труда не выловишь и рыбку из пруда )"

    Давайте дружить!
    Поставьте нравится 👍
    Спасибо, я уже с вами!
    Вы подписались на нашу рассылку
    Спасибо!
    Мы обещаем, что не будем спамить, все только самое
    нужное и полезное для вашего развития.
    Спасибо!
    Мы свяжемся с Вами в ближайшее время
    ЛОВИТЕ БОНУС
    Бесплатный аудит контекстной рекламы Google Adwords.
    Прокачаем ваш контекст!