Как Вы превращаете тег Div в ссылку

JS:

<div onclick="location.href='url'">content</div>

jQuery:

$("div").click(function(){
   window.location=$(this).find("a").attr("href"); return false;
});

Обязательно используйте курсор: указатель для этих DIV

Если вам нужно установить тег привязки внутри div, вы также можете использовать CSS, чтобы установить привязку для заполнения div через display: block.

Как таковой:

<div style="height: 80px"><a href="#" style="display: block">Text</a></div>

Теперь, когда пользователь помещает курсор в этот div, тег привязки заполняет этот div.

Вы можете сделать всю функцию DIV как ссылку, добавив onclick = "window.location = 'TARGET URL'" и установив его стиль на "cursor: pointer". Но часто это плохая идея, потому что поисковые системы не смогут перейти по полученной ссылке, читатели не смогут открывать вкладки или копировать местоположение ссылки и т. Д. Вместо этого вы можете создать обычный тег привязки. а затем задайте для него стиль display: block, а затем задайте стиль как для DIV.

<div style="cursor:pointer;" onclick="document.location='http://www.google.com'">Foo</div>

Вы можете использовать Javascript для достижения этого эффекта. Если вы используете фреймворк, все становится довольно просто. Вот пример из jQuery :

$('div#id').click(function (e) {
  // Do whatever you want
});

Это решение имеет явное преимущество, заключающееся в том, что логика не содержится в вашей разметке.

НЕ ДЕЛАЙТЕ ЭТО.

• Если вам нужна ссылка, оберните содержимое в правильный NCHOR .
• Если вы хотите превратить
  в ссылку, используйте «Javascript», чтобы заключить

  в NCHOR
• Если вы хотите выполнить какое-либо действие при нажатии на
  , используйте обработчик событий onclick ... и не называйте его «ссылкой».

<div style="cursor:pointer" onclick="document.location='http://www.google.com'">Content Goes Here</div>