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

Question

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

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

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

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

Спасибо

Answer 1

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

a.some-class { display:block; }

Answer 2

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

Answer 3

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