Блок DIV как ссылка

[vla]

Блок DIV как ссылка​

( кнопка )​

Я думаю, с этим вопросом многие пользователи форума сталкивались и нашли для себя решение.
На данный момент мне известно два способа:


Первым делом спросил Яндекс!
Нашел: div блок как ссылка.

Суть способа описанного там:

<div onclick="location.href='_.html';" style="cursor:pointer;width:10em;border:1px solid #000;">ССЫЛКА</div>
<!--Нашел способ в нете-->

Вот, как получилось у меня:

<a href="_.html" style="display:block;width:10em;border:1px solid #000;">ССЫЛКА</a>
<!--Придумал сам, возможно имеются уязвимости-->

В данном способе текст "ССЫЛКА" переходит в режим :active даже при наведении на пустое пространство в блоке DIV.
Я считаю, что это правильно!


В этой теме прошу черкнуть пару слов об этих способах, или других решениях!

Если мой способ имеет уязвимости буду рад услышать справедливую критику!

 

[tigra60]

Первый способ вообще никуда не годится. Ну, подумайте сами, что будет со ссылкой при отключенном js? КГАМ!

Второй способ - единственно правильный до html-5, который позволяет вкладывать в ссылку блоки.