HTML - Ссылки и ID

Да, это работает!

Когда вы нажимаете на гиперссылку с идентификатором элемента, браузер перемещает вас (прокручивает) к элементу!

Таким образом, эта ссылка <a href="#section1">blabla</a> всегда будет перемещать браузер в местоположение элемента!

Довожу до вашего сведения

Для вашей информации: один HTML DOM может иметь только один элемент с указанным ID, поэтому в вашем документе вы можете добавить #section1 только к одному элементу, а другие элементы должны иметь отдельный идентификатор!

Что не так; что может быть

Ваши элементы идеальны! Гиперссылка приведет клиента (пользователя) к местоположению элемента. Единственная проблема, с которой вы могли столкнуться, - это

1. Неправильный идентификатор или ошибочный элемент нажата!

2. Элемент и гиперссылка на одной странице, без прокрутки!
   Этот тип ошибки обычно возникает, когда документ выделен, и браузер больше не может прокручивать документ! Таким образом, вы не сможете увидеть изменения в свитке!

Вот ваш код

Вот ваш код: http://jsfiddle.net/afzaal_ahmad_zeeshan/5e7TF/

Я просто добавил некоторые поля для p как

#section1 {
  margin: 500px;
}

И когда я нажал на ссылку, она переместила браузер вниз!

Что может вызвать изменение URL-адреса

Теперь ошибка на вашей странице, почему она не меняет URL-адрес, заключается в том, что вы используете либо

return false;

Или это:

event.preventDefault();

По URL-адрес остается неизменным!

Попробуйте это для исправления

Итак, попробуйте следующее:

$('a[href="#section1"]'.click(function () { // jQuery
   history.pushState('', 'Page Name', '#section1');
}

Пример для history.pushState

Вы можете проверить это здесь: http://html5.gingerhost.com Попробуйте загрузить некоторые новые страницы.