Использование Div вместо якорей

На моем веб-сайте www.funpunks.com в верхнем левом углу страницы вы увидите навигацию. Я сделал это, используя div фиксированного размера с фоновыми изображениями и используя javascript для перенаправления "window.location = 'http://www.funpunks.com/" и т. д.

Но как насчет пользователей, у которых отключен javascript и т. д.? Я думаю, что мне нужно использовать теги привязки.

Мне нужно, чтобы эти теги привязки отображались в виде блока, и мне нужно, чтобы у них было фоновое изображение. Также каждая отдельная ссылка должна иметь свою собственную высоту/ширину и изображение при наведении.

Можно ли это сделать с помощью тегов привязки вместо div?

Спасибо


person Community    schedule 11.03.2009    source источник


Ответы (3)


Почему бы вам по-прежнему не использовать якоря, а отображать их как блочные элементы с помощью CSS?

a.some-class { display:block; }
person Andrew Hare    schedule 11.03.2009

Определенно хочу использовать ‹a› здесь. Используйте семантическую разметку каждый раз. Просто введите style="display:block" и установите ширину, высоту, фоновое изображение и т. д. Например, взгляните на один из моих сайтов здесь: http://krystalware.com/Products/SlickUpload/. Вкладки слева и сверху имеют правильный стиль.

person Chris Hynes    schedule 11.03.2009

Тег A может иметь высоту/ширину, установленную через CSS, как и все остальное.

person NotMe    schedule 11.03.2009
comment
Грасиас. Я понятия не имею, о чем я думал, когда писал оригинал. - person NotMe; 11.03.2009