Как браузеры обрабатывают URL-адреса с идентификатором фрагмента

Question

Я столкнулся с ситуацией, когда я хотел бы быть уверенным в том, как браузеры обрабатывают URI, содержащие идентификатор фрагмента, например Products#A. Представьте, что у моего сайта две страницы: Products и FAQs. Затем внутри каждого я хочу использовать # для перехода к определенным элементам HTML. Итак:

1. В чем разница между href="Products#A" и href="#A", если я уже в странице Products?
2. И если я нахожусь на странице FAQs?
3. Выполняет ли размещение URL-адреса, например, в href="Products#A", вызов сервера или браузер знает, что он уже находится на странице Products, и он не вызывает вызов сервера?
4. Что я могу добавить / (например, href="/products#A")? Вызывает ли это вызов сервера?
5. Этот стандарт для всех браузеров?

Я проверил несколько тестов, но я пропустил какую-то теорию здесь.

Answer 1

Если ссылка, фрагмент освобожденный, решает тот же URL, как на текущей странице, то он будет перемещаться по текущей странице.

Если он разрешен на другую страницу, он загрузит новую страницу.

Не имеет значения, как фактически выражен относительный (или абсолютный) URL-адрес, только то, к чему оно решает.

Answer 2

Чтобы ответить на ваши вопросы, я делаю это с помощью собственного опыта.

1. В чем разница между href="Products#A" и href="#A", если я уже в странице Products?

   Ничего. Просто для безопасности, и если вы находитесь на другой странице, и контент отображается с использованием того же частичного (или того же источника), это может помочь.

2. И если я нахожусь на странице FAQs?

   Он переходит нормально Products и находит элемент с и прокручивает туда.

3. ли размещая URL, как в href="Products#A" всегда вызывает вызов сервера или же браузер знает, что он уже находится на странице Products и это не делает вызов сервера?

   Это клиентский вызов, для URL-адресов не производится никаких вызовов сервера.

4. Является ли этот стандарт для всех браузеров?

   Я так считаю.