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

StackOverflow https://stackoverflow.com/questions/633129

  •  08-07-2019
  •  | 
  •  

Вопрос

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

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

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

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

Спасибо

Это было полезно?

Решение

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

a.some-class { display:block; }

Другие советы

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top