Использование кнопок вместо <a>с псевдо-классами - это неправильно? - PullRequest
Новая
       11

Использование кнопок вместо <a>с псевдо-классами - это неправильно?

2 голосов
/ 11 марта 2010

На странице есть ссылки, отображаемые с помощью CSS в виде кнопок: 

HTML:
    <a class="button" href="#">Button</a>
CSS:
    a.button {
        display: block;
        position: relative;
        width: 50px;
        height: 50px;
        background-color: $00f;
    }
    a.button:hover {
        background-color: $f00;
    }

У меня есть несколько основных проблем: Значение href зашифровано, поэтому будет выглядеть грязно и безобразно, когда адрес отображается в браузере, когда пользователь наводит курсор на ссылку: 

http://mysite.com/shjfgkh53hhsfd9ah390503hh35323j5hj35909ufudufdjj3

Также значение href станет значительно длиннее, потому что Я не могу передать параметры POST (все сделано GET).

Я мог бы, однако, использовать это: 

HTML:
    <input type="button" class="button" href="#" />

А затем установите bg в CSS. Я просто не уверен, что использование псевдо-классов, таких как: hover, является правильным и соответствует стандартам здесь. Я лично подумал: hover,: active,: посещения и т. Д. Предназначены для ссылок (то есть тегов). *

Разъяснение этого действительно очень мне поможет. Спасибо!

1 Ответ

5 голосов
/ 11 марта 2010

Они могут работать некорректно в IE6, но все современные браузеры поддерживают это, и спецификация не запрещает это: См. Здесь для спецификации .

Важно то, что поддерживается браузерами. Честно говоря, если они используют IE6, и что-то не работает ... в этом случае это не означает, что не сломает отсутствие функциональности, ваш сайт будет работать нормально даже без него Я бы сказал, что вы здесь совершенно чисты.

...