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

For my website i'll need to use instead of because i'm using mostly ajax and thus instead of links i have onclick ajax events as attributes in my spans.

В результате я должен был вручную разработать промежутки, чтобы быть похожим на связи. Я использовал парение и посетил псевдо классы, чтобы изменить цвет фона и цвет текста, но изменить дефолт мыши на палец указателя на парении, я должен буду использовать JavaScript? Или я могу сделать то использование css?

Also, i've just realized...couldnt i just use the tag anyways instead of , but just instead of an href, i would include an onclick? It should work just the same, no?

29
Если вы не учитываете все якоря и используете промежуток вместо этого, вы штрафуете себя на поисковых системах начиная с пауков don' t знают, что больше ползать без href.
добавлено автор easwee, источник
Если вы не учитываете все якоря и используете промежуток вместо этого, вы штрафуете себя на поисковых системах начиная с пауков don' t знают, что больше ползать без href.
добавлено автор easwee, источник
Если вы не учитываете все якоря и используете промежуток вместо этого, вы штрафуете себя на поисковых системах начиная с пауков don' t знают, что больше ползать без href.
добавлено автор easwee, источник

14 ответы

span {
     cursor:pointer;
     color:blue;
     text-decoration:underline;
}

Дополнительно можно использовать, <закодируйте>: парение псевдокласс, чтобы разработать элемент, когда колеблется (можно использовать любые стили не просто те первоначально используемые).напр.

span:hover {
     text-decoration:none;
     text-shadow: 1px 1px 1px #555;
}

Пример

62
добавлено

Обратите внимание, что, если ваш веб-сайт общественный и вы рассчитываете на поисковые системы, чтобы сползать ваш сайт, вы проигрываете много, не учитывая связи без href , так как у пауков нет ничего, чтобы захватить на, ползая ваша страница.

Необходимо использовать полную связь - в случае, если JavaScript ломается, пользователь все еще в состоянии провести через страницы:

Link

чем вы может отключить связь с jQuery при помощи preventDefault () - и вы полностью отделили основной HTML и часть JavaScript, подразумевая, что ваш сайт все еще применим без JavaScript на.

Чем вы не должны беспокоиться парением промежутка и чем-либо - но только ради него

span:hover {
cursor:pointer;
}

позволит руку парения на колебавшемся промежутке курсора.

9
добавлено
: парение избыточно, , который означает курсор , "Изменяют курсор мыши, указывая на этот элемент" и : парение означает, "указывая на этот элемент" так you' ре говоря "Изменение курсор мыши, когда вы указываете на этот элемент и когда вы указываете на этот элемент".
добавлено автор Quentin, источник
@Ivoelk показывают мне точный образец, когда preventDefault() не работает. Также вы отвечаете на 4-летний ответ.
добавлено автор easwee, источник
голый в памяти, что preventDefault() может иметь ненадежные эффекты в различных браузерах. Это только было недавнее изменение, что IE даже позволил бы вам предотвращать определенные события. В то время как браузеры становятся более стандартизированным наиважнейшим поведением браузера по умолчанию, должен быть сделан тщательно и требует большого объема взаимного тестирования браузера.
добавлено автор lvoelk, источник

Можно использовать onClick событие, но если я помню правильно, необходимо возвратиться ложный, чтобы препятствовать тому, чтобы страница подскочила вокруг; что-то как:


or: provided that myfunction will return false.

Можно также непосредственно назвать JavaScript от href, но необходимо бросить результат освободить, чтобы заблокировать к браузеру, чтобы попытаться следовать за результатом как за действительной связью:


Even if you still want to use the onClick property; it would still be a good idea to replace the href="#" with href="javascript:void(0)" ...>.

Другие люди упомянули, что использовали event.preventDefault() и stopPropagation() . Я не помню когда-либо использовать один из них, но я должен признать, что это были много лет с прошлого раза, когда у меня есть кодирование некоторого JavaScript в связи HTML; таким образом, необходимо определенно исследовать использование этих двух функций.

Править: возможно, то использование href = "javascript:void (0)" могло иногда быть плохой идеей; посмотрите http://drupal.org/node/1193068 .

2
добавлено

Можно использовать onClick событие, но если я помню правильно, необходимо возвратиться ложный, чтобы препятствовать тому, чтобы страница подскочила вокруг; что-то как:


or: provided that myfunction will return false.

Можно также непосредственно назвать JavaScript от href, но необходимо бросить результат освободить, чтобы заблокировать к браузеру, чтобы попытаться следовать за результатом как за действительной связью:


Even if you still want to use the onClick property; it would still be a good idea to replace the href="#" with href="javascript:void(0)" ...>.

Другие люди упомянули, что использовали event.preventDefault() и stopPropagation() . Я не помню когда-либо использовать один из них, но я должен признать, что это были много лет с прошлого раза, когда у меня есть кодирование некоторого JavaScript в связи HTML; таким образом, необходимо определенно исследовать использование этих двух функций.

Править: возможно, то использование href = "javascript:void (0)" могло иногда быть плохой идеей; посмотрите http://drupal.org/node/1193068 .

2
добавлено

Просто добавьте cursor:pointer; в вашем промежуток css.

2
добавлено

Просто добавьте cursor:pointer; в вашем промежуток css.

2
добавлено

Просто добавьте cursor:pointer; в вашем промежуток css.

2
добавлено

Option1

Просто используйте якорь связь следующим образом:

 Link 

Option2

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

span {
    color: #000000; /* Change this with links color*/
    cursor: pointer;
    text-decoration: underline;
}

span:hover {
    color: #444444; /* Change the value to with anchors hover color*/
}
1
добавлено
если у вас будет Единственное Приложение Страницы, то # будет связываться со всем, изменяя URL, когда вы не попытаетесь, не всегда хорошая идея
добавлено автор pilavdzice, источник

Вы могли использовать якорь. Но в рамках JavaScript необходимо было бы использовать event.preventDefault() , Но есть метод CSS, это меньше и легче. Держите свой промежуток и используйте это:

span:hover{
    cursor:pointer;
}
1
добавлено
@StefanNeubert, Что, если он также хотел добавить конкретные свойства к элементу на парение , а также изменение курсора?
добавлено автор sourRaspberri, источник
Вам не нужно: парение...
добавлено автор Stefan Neubert, источник
Тогда, конечно, вам нужен он. Но необходимо всегда держать кодовый свет и опускать ненужные псевдопризнаки.
добавлено автор Stefan Neubert, источник

Вы могли использовать якорь. Но в рамках JavaScript необходимо было бы использовать event.preventDefault() , Но есть метод CSS, это меньше и легче. Держите свой промежуток и используйте это:

span:hover{
    cursor:pointer;
}
1
добавлено
@StefanNeubert, Что, если он также хотел добавить конкретные свойства к элементу на парение , а также изменение курсора?
добавлено автор sourRaspberri, источник
Вам не нужно: парение...
добавлено автор Stefan Neubert, источник
Тогда, конечно, вам нужен он. Но необходимо всегда держать кодовый свет и опускать ненужные псевдопризнаки.
добавлено автор Stefan Neubert, источник

Вы могли использовать якорь. Но в рамках JavaScript необходимо было бы использовать event.preventDefault() , Но есть метод CSS, это меньше и легче. Держите свой промежуток и используйте это:

span:hover{
    cursor:pointer;
}
1
добавлено
@StefanNeubert, Что, если он также хотел добавить конкретные свойства к элементу на парение , а также изменение курсора?
добавлено автор sourRaspberri, источник
Вам не нужно: парение...
добавлено автор Stefan Neubert, источник
Тогда, конечно, вам нужен он. Но необходимо всегда держать кодовый свет и опускать ненужные псевдопризнаки.
добавлено автор Stefan Neubert, источник

Используйте CSS, чтобы показать курсор как указатель:

Pseudolink

http://jsfiddle.net/kkepg/

0
добавлено

Используйте CSS, чтобы показать курсор как указатель:

Pseudolink

http://jsfiddle.net/kkepg/

0
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)