Почему гиперссылка дублирует адрес?
Есть шапка сайта, в ней три кнопки
<div class="header-right"> <a class="active" href="AD">AD</a> <a href="/printers">Принтеры</a> <a href="/connections">Подключения</a> </div> |
<div class="header-right"> <a class="active" href="AD">AD</a> <a href="/printers">Принтеры</a> <a href="/connections">Подключения</a> </div>
С кнопками "Принтеры" и "Подключения" никаких проблем, а вот кнопка AD начинает дублировать свой адрес, если нахожусь на странице внутри. Структура примерно такая, есть страница /ad
Есть страницы на уровень ниже, то есть /ad/page1, /ad/page2
Если жать на эту же кнопку находясь на страницах внутри /ad, то ссылка ведёт на /ad/ad
Что я делаю не так?
Дополнительно:
https://developer.mozilla.org/ru/docs/Learn/HTML/I...
href="AD" -> href="/ad"
Без косой черты - путь относительно текущего.
Ну и регистр имеет значение(не всегда, но может неприятно удивить).
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Проблема с дублированием адреса гиперссылки может возникать из-за нескольких причин. Вот несколько возможных причин и способы их решения:
1. Неправильно закрытые кавычки или кавычки внутри значения href:
Проверьте, что у вас правильно закрыты кавычки внутри атрибута href. Например, вот неправильный пример:
<a href="http://example.com">Ссылка</a>
В данном случае кавычка после "а" лишняя и может привести к дублированию адреса. Исправьте это следующим образом:
<a href="http://example.com">Ссылка</a>
2. Дублирование адреса в JavaScript:
Если вы используете JavaScript для создания ссылок, убедитесь, что адрес не добавляется дважды. Например, вот неправильный пример:
var link = document.createElement('a'); link.href = 'http://example.com'; link.href += 'http://example.com'; document.body.appendChild(link);var link = document.createElement('a'); link.href = 'http://example.com'; link.href += 'http://example.com'; document.body.appendChild(link);
В данном случае адрес добавляется дважды. Убедитесь, что вы правильно формируете адрес в JavaScript.
3. Проблемы с CMS или фреймворком:
Если вы используете CMS или фреймворк, проверьте их настройки или возможные конфликты, которые могут привести к дублированию адреса гиперссылки.
Если после проверки всех этих вариантов проблема все еще не решена, попробуйте создать минимальный пример кода, который воспроизводит проблему, и задайте вопрос на форуме или в сообществе разработчиков для получения дополнительной помощи.