70
Я проверил некоторые сайты, и у них есть знак фунта (#) в URL-адресе. Что оно делает?Что происходит, когда ссылка имеет знак «#» в нем
<a href="#" >Link name</a>
A
ответ
89
Это «фрагмент» или «названный якорь». Вы можете использовать для ссылки на часть документа. Обычно, когда вы ссылаетесь на страницу, браузер открывает ее вверху страницы. Но вы ссылаетесь на раздел на полпути вниз, вы можете использовать фрагмент для ссылки на этот заголовок (или что-то еще).
Если в документе нет тега <a name="whatever"/>, тогда обозреватель перейдут только на верх страницы. Если фрагмент пуст, то он также будет просто ссылаться на верхнюю часть страницы.
Для фрагмента только<a href="#">Link name</a>, то это просто ссылка на начало текущей страницы.
Вы часто видите такую ссылку, используемую при объединении с javascript. Соответствие стандартам HTML требует атрибут href, но если вы планируете обрабатывать запрос с помощью javascript, то «#» служит в качестве разумного владельца места.
2
Это относится к самой странице. Он часто используется со ссылками, которые фактически запускают некоторый JavaScript.
22
... просто добавьте несколько дополнительных полезных советов.
Доступ для пользователя и его изменение можно получить с помощью document.location.hash.
Это может указывать на именованный якорь (например, <a name="top"></a>) или к элементу с соответствующим идентификатором (например, <div id="top"></div>).
Видя одно (например, <a href="#" onclick="pop()">popup</a>), обычно означает, что ссылка используется исключительно для запуска JavaScript. Это плохая практика.
Элемент a должен иметь href, который указывает действительный ресурс. Если этого не существует, используйте другой элемент, например button.
+1
Это хороший момент, но это не очень хорошая практика ... но только потому, что это не хорошо, это не значит, что вы не найдете его таким, как это место :) –
+1
@alex, если это плохая практика, тогда скажите нам, что будет использовать * хорошая * практика. –
+0
@ Kyralessa Это было прямо в следующем абзаце. Во всяком случае, я сделал редактирование так, надеюсь, это яснее. – alex
9
# указывает ссылку на якорь.
Я thougt Я также упомянуть кое-что еще:
Использование «#» как HREF для ссылки, который активирует JavaScript это плохо, потому что он прокручивает страницу в верхней части - которая, вероятно, не то, что вы хотите. Вместо этого используйте javascript:void(0).
+0
+1, отметив, что щелчок по этим ссылкам заставляет страницу прокручивать вверх. –
+4
Вам больше не нужен якорь. Начиная с HTML5 (и, возможно, HTML 4), любой элемент с тегом
+1
Не используйте 'javascript: void (0)' либо - используйте кнопку 'button', если это не ссылка. – alex
6
Знак фунта (#) указывает на наличие привязки на странице. Например, если включить это где-то на странице:
<a name="foo"></a>
или, совсем недавно:
<div id="foo">*part of page*</div>
, а затем вы нажимаете на ссылку на странице, которая имеет HREF #foo, он будет перемещаться к якорю с именем или div с идентификатором foo.
Однако, если у вас есть href #, это приведет к началу страницы.
Смежные вопросы
- 1. Что происходит, когда число имеет ноль?
- 2. Что происходит в стеке, когда ссылка const привязана к временному?
- 3. Что происходит, когда вызывается Graphics.MeasureString()?
- 4. perl циклическая ссылка. Это то, что происходит
- 5. Что происходит, когда server.accept()
- 6. Что происходит с ссылочной переменной, когда ее ссылка «умирает»?
- 7. Что происходит, когда ссылка C++ выходит из области?
- 8. Что происходит, когда путь не имеет разделителя каталогов?
- 9. Что происходит за кулисами, когда значение имеет значение null?
- 10. AppEngine.iml pom.xml и список зависимостей, что происходит в нем?
- 11. Что происходит, когда происходит тайм-аут WebClientProtocol
- 12. Что происходит в системе, когда вызывается canvas.drawBitmap?
- 13. Что происходит, когда redis перегружается?
- 14. Что происходит, когда я компилирую?
- 15. Что происходит, когда вызывается SqlCommand.Dispose?
- 16. Что происходит, когда приложение падает?
- 17. Что происходит, когда вызывается rangeOfCharacterFromSet?
- 18. Что происходит, когда событие срабатывает
- 19. Что происходит, когда NSTimer пинает
- 20. Что происходит, когда процесс разветвляется?
- 21. Что именно происходит, когда `enableProdMode()`
- 22. Что происходит, когда crontabs перекрываются?
- 23. Что происходит, когда клещ переполняется?
- 24. Что делать, когда происходит прерывание
- 25. Что происходит, когда вызывается dbcontext.Database.ExecuteSqlCommand?
- 26. Что происходит, когда VRAM заполнен?
- 27. Что происходит, когда 0 вычитается
- 28. Что происходит, когда возникает исключение?
- 29. Что происходит, когда maxsize превышено
- 30. Что происходит, когда Rails.cache.fetch истекает
+1 Хотя официальный термин является фрагментом URL-адреса, а не «хеш-ссылкой»: http://www.w3.org/TR/WD-html40-970708/htmlweb.html#h-4.1.1 –
Да , Я изменил его на «фрагмент» в своем ответе, потому что это то, что используют большинство людей. Я никогда не знал, что у него было «официальное» имя :) :) –
Почему браузеры рассматривают его как «перейти к началу страницы»: Технически вы изменили страницу. После нажатия ссылки вы заметите, что # фактически добавлен в URL-адрес в адресной строке, и если вы нажмете кнопку «Назад», он снова удалит его. Я бы не сказал, что это ссылка на часть документа, а больше ссылка на место внутри документа. В противном случае, в основном то же самое, что я печатал ... – animuson