Почему не работает ссылка в html

Не работают ссылки с главной страницы

Всем привет! Прошу помощи, не могу разобраться, ибо малоопытен)).

В корневом каталоге есть файл index.html, он открывает главную страницу сайта site.ru. На этой же странице есть ссылка на другую страницу, которая хранится в файле somepage.html, тоже в корневом каталоге. Ссылку с Главной как только не делал, и относительная, и полный путь указывал.. Локально на компе все работает хорошо. Но когда я все это загрузил «в сеть», то там перехода по ссылке не случается, открывается страница 404, а в адресной строке браузера выводится site.ru/site.ru/somepage.html

Если в строке браузера в ручную из site.ru/site.ru/somepage.html вырезать лишнее site.ru, то страница открывается. Обратные переходы по ссылкам со страницы site.ru/somepage.html на Главную происходят.

Наверное я что-то делаю не так?

94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Как работают ссылки на элементы страницы?
Объясните пожалуйста, как работает открытие/закрытие модального окна в данном примере.Сам пример

Не работают ссылки на определенную часть страницы
Когда делаю пробный одностраничный файл – все работает. Когда вставляю в нужную страницу сайта –.

Не работают ссылки на другие страницы в шаблоне Joomla
В файле index.php есть пункты меню с ссылками на другие страницы сайта. .

ссылки с главной страницы
Почему Яша больше ценит ссылки с главных страниц, ведь тИЦ у всех страниц сайта одинаковый, а PR.

Курсы javascript

Подскажите, пожалуйста, решение проблемы.
Суть такова: есть «выезжающая» панель, которая отображается по событию onclick на div’e.
Вся проблема в том, что на этом div’e, к которому привязано событие onclick, есть ссылка, и она не работает.
Точнее при клике на ней левой кнопкой срабатывает onclick div’a, а саму ссылку можно задействовать колесиком или правой кнопкой мыши.

Код, отвечающий за панель:

$(".itemNameBlock").live("click", function () < $(this).next(".reviewInfoBlock").slideToggle("slow"); return false; >);

 
 
 
Отзыв о товаре @Model.itemName @Model.date.ToString("dd.MM.yyyy, H:mm") 
 
 
Достоинства: @Model.advantages
 
Недостатки: @Model.disadvantages
 
Комментарий: @Model.comment
 
Оценка: @Model.rate
 
 
 

Не работает ссылка на картинку

Есть основная папка HTML: в ней наша веб-страничка, картинки, фон сайта , файл style.css. В уроке мы создали папку CSS куда перенесли файл Style, следовательно, картинка (фон блока #block1) background-image перестала работать. Для нее прописала путь уровнем выше, как было показано — background-image: url(‘../42-fon-dlya-sayta.png’); пересохранила проект, но картинка (фон) так и не появилась. А в основной папке HTML создался еще один файл style.css. Возможно из-за него не работает. Проверяла несколько раз все, удаляла дубль style, не помогает

КОД1 

  
Главная
  
Работы
  
О нас
  
Блог
  
Контакты
Самый главный заголовок
Заголовок поменьше
Самый маленький заголовок-->
Обычный текст 
здесь
Обычный текст тут
Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
Напишите нам


Элемент 1 
Элемент 2
Элемент 3


Бабочки

красные
синие
зеленые


Шмели
Стрекозы


 КОД2 - стили body < background-color: #008B8B; color:white; >h1 < font-size: 35px; color:blue; font-family: arial; /* шрифт */ text-align: center; >.red < color:#FFB6C1; >#block1 < width: 80%; margin: 0 auto; /* блок по центру */ background-image: url('../42-fon-dlya-sayta.png'); padding: 15px; border: 5px solid rgb(58, 161, 144); border-radius: 30px; >u b < color: blue; >menu < list-style: none; margin: 0 auto; >a < text-decoration: none; font-family: Georgia; transition: .5s linear; >.main-menu < display: block; width: 500px; margin: 0 auto 30px; >.two menu < background: #D4E7EE; overflow: hidden; padding: 0; >.two li < float: left; >.two a < display: block; padding: 1em; border-right: 1px solid #B22222; background: rgba(173, 192, 206, .3); color: #29838C; >.two a:hover < background: #B22222 >img < transform: scale(1); transition: 2s all; >img:hover < transform: scale(1.2); >.img-center
Как ставить пустые ссылки
Пустые ссылки делают, когда страницы ещё нет, а ссылка на неё уже есть. Например, в меню может быть ссылка на каталог, который ещё не начали верстать. Второй случай использования — когда нужно что-то показать на странице, но без перезагрузки страницы. Например, при создании модальных окон.
Есть несколько способов указывать пустые ссылки. Рассмотрим, чем грозит использование того или иного способа.
Один из самых худших вариантов, так как полностью перезагружает страницу. Скорее всего, с целью борьбы с ним и были созданы остальные способы создания пустых ссылок.
Изменяет адрес страницы, добавляет в конце #. Если было htmlacademy.ru, то после клика станет htmlacademy.ru/#. Прокручивает страницу к самому верху сайта. Если ссылка была в футере, то сайт прокрутится до самого начала. Это не всегда желательное поведение, поэтому этот вариант тоже отбросим.
Эта версия лучше, чем предыдущий способ, так как страница не прокручивается вверх. При этом меняется адрес страницы, а также добавляется # в конце адреса. Этот способ работает не во всех браузерах, поэтому есть следующий.
Можно сделать полноценную якорную ссылку, но при этом без элементов с id=»noscroll» . Этот способ работает во всех браузерах, не скроллит страницу к началу, но меняет ссылку, добавляя #noscroll в конец адреса.
Достаточно старый способ, который благодаря JavaScript буквально просит ссылку ничего не делать. Правильнее было бы написать javascript: undefined; , но этот вариант длиннее, поэтому придумали более короткую замену void (0) , который также возвращает undefined . Этот вариант был создан ещё в то время, когда JavaScript инлайнили в разметку. Ссылка в этом случае никуда не прокручивается, что лучше, чем в предыдущем варианте. Сам же метод позволял создать AJAX-запрос без перезагрузки страницы. Например, при открытии попапа делается запрос у сервера на его контент, затем попап открывается, и отрисовывается полученный контент от сервера.
На самом деле, когда программистам нечем заняться, они начинают придумывать новые способы. Просто потому что они могут. В этом методе ничто никуда не прокручивается и не прыгает. В href можно добавить что угодно, а в JavaScript не добавлять новый onclick . Хотя раньше это было важно. Сейчас новое событие можно добавить с помощью addEventListener .
В новой спецификации разрешили вообще не указывать href , если он не нужен. Ссылка как будто превращается в : удаляется стандартное подчёркивание снизу и синий цвет, указанный по умолчанию. С такой ссылки удаляются состояния: active, focus, так как с ней нельзя взаимодействовать. Это очень хорошо, так как ссылки, действительно, пока нет. Но при этом пользовательская стилизация, которую пишете вы, продолжает работать. В целом, можно сказать, что это самый ленивый и правильный вариант, однако он не всем подходит.
Определите, с какой целью вам нужно использовать пустые ссылки и изучите все преимущества и недостатки каждого метода. Только после этого вы сможете грамотно и корректно написать код.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать:
Что такое dto java