HTML - как сделать всю DIV гиперссылкой?

Как сделать целую DIV интерактивную гиперссылку. Смысл, я, по сути, хочу сделать:

<div class="myclass" href="example.com">
    <div>...</div>
    <table><tr>..</tr></table>
    ....
</div>

И всякий раз, когда кто-то нажимает мыши на myclass DIV, я хочу, чтобы вся DIV была интерактивной гиперссылкой.

Ответы

Ответ 1

Вы можете добавить onclick для JavaScript в div.

<div onclick="location.href='newurl.html';">&nbsp;</div>

EDIT: для нового окна

<div onclick="window.open('newurl.html','mywindow');" style="cursor: pointer;">&nbsp;</div>

Ответ 2

Вы можете поместить элемент <a> внутри <div> и установить его на display: block и height: 100%.

Ответ 3

Вам просто нужно указать курсор как указатель, а не руку, поскольку указатель теперь является стандартом, поэтому здесь приведен пример кода страницы:

<div onclick="location.href='portable-display-stands.html';" id="smallbox">The content of the div here</div>

и пример CSS:

#smallbox {
    cursor: pointer;
}

Итак, div теперь является кликабельным элементом, использующим "onclick", и вы подделали курсор с помощью CSS... работа выполнена, работает для меня!

Ответ 5

Это поздний ответ, но этот вопрос очень сильно проявляется в результатах поиска, поэтому он стоит отвечать правильно.

В принципе, вы не должны пытаться сделать div-clickable, а скорее сделать привязку div-like, указав тег <a> a display: block атрибут CSS.

Таким образом, ваш HTML остается семантически допустимым, и вы можете наследовать типичные поведения браузера для гиперссылок. Он также работает, даже если javascript отключен /js ресурсы не загружаются.

Ответ 6

альтернативой будет javascript и пересылка через событие onclick

<div onclick="window.location.href='somewhere...';">...</div>

Ответ 7

Почему бы вам просто не сделать это

<a href="yoururl.html"><div>...</div></a>

Это должно сработать нормально и предложит изменить курсор "clickable item", который не будет выполнять вышеупомянутое решение.