Не работает ссылка на определнную часть другой страницы сайта?

Question

NiksonM @NiksonM

HTML

Не работает ссылка на определнную часть другой страницы сайта?

Я знаю ,что можно в коде к необходимому элементу на странице, на которую собираешься ссылаться добавить атрибут id и потом на другой странице создать ссылку с относительным путем и введеным айди на эту страницу и элемент. Но почему то при переходе по этой ссылке указываться, что файл не найден, а в Vscode ошибка Could not read source map for chrome-error://chromewebdata/: Unexpected 503 response from chrome-error://chromewebdata/neterror.rollup.js.map: Unsupported protocol "chrome-error:" Остальные ссылки (просто на другую страницу или элемент этой же страницы ) работают, но при ссылки на опередленную часть другой страницы выскакивает вышеприведенная ошибка. Код только на html написан.

Вопрос задан 02 июл.
64 просмотра

2 комментария

Подписаться 1 Простой 2 комментария

Геннадий @gkukuruz

Код, который Вы написали, конечно же не покажите?

Написано 02 июл.

NiksonM @NiksonM Автор вопроса

Основная страница

<html lang="ru"> <!--Элемент html является корневым, а атрибут lang позволяет 
    программам экранного доступа определять язык страницы-->
    <head><!--Вводит метаданные страницы, которые не отображаються в главноем окне-->
        <title>Справочник по веб-дизайну. Урок 1</title> <!--Вводит название страницы, 
        ткоторое отображается в иконке вкладки или при сохранение страницы в закладки-->
    </head>
    <body> <!--Выводит содержимое веб страницы для просмотра -->
        <h1 id="introduce">Как работает всемирная сеть</h1> <!--Вводит заголовок, всего 6 уровней, которые отличаються размером икегелем.
        Их можно настроить с помощью CSS--><!--Атрибут id позволяет создать на эту часть страницы ссылку-->
        <p><b>Всемирную паутину</b><!--Делает полужирным и не более --> образуют сотни миллионов <i>веб-серверов</i>
            <!-- просто делает текст курсивом (для иностранных слов и технических терминов)-->. 
            Большинство ресурсов Всемирной паутины основано на технологии гипертекста. Гипертекстовые документы, 
            размещаемые во Всемирной паутине, называются веб-страницами. Несколько веб-страниц, объединённых общей темой или дизайном, 
            а также связанных между собой ссылками и обычно находящихся на одном и том же веб-сервере, называются веб-сайтом. 
            Для загрузки и просмотра веб-страниц используются специальные программы — браузеры </p> <!--вводит абзац-->
        <hr /><!--Разделяет линией -->
        <p>Рассмотрим примеры формул для просмотра функционала некоторых тегов и их обьясненя</p>
        <p>E=mc<sup>2</sup></p><!--выводит значение элемента в верхний регистр-->
        <p>CO<sub>2</sub></p><!--выводит значение элемента в нижний регистр-->
        <p>Этот текст <br />несколько раз <br />переноситься на новую строку</p>
        <p><strong>ВНимание:</strong> <!--выделяет текст высокой степени важности, ПЭД(программа экранного доступа)
             выделит данное слово интонационно-->данные текст не несет никакой смысловой нагрузки</p>
        <p>Я <em>считаю</em><!--обозначает логическое ударение, которое несколько меняет смысл выражения-->, 
            что смысл в этом тесте все таки есть</p>
        <blockquote cite="https://babel.ua/"><p>"Сара Черчилль в свои 30 лет была любимой дочерью и ближайшим помощником своего отца. 
            <br />До войны она была начинающей актрисой театра и кино, <br />но затем вступила в Женскую вспомогательную службу 
            Военно-воздушных сил Великобритании <br />и стала офицером воздушной разведки."</p></blockquote>
        <p>-так описывает героиню своей книги Кэтрин Грейс Кац.</p>
        <p>Рузвельт же описал ее так:<q>Под пивко пойдет</q></p><!--вводит маленькие цитаты-->
        <p><abbr title="самая бесполезная хуета">ООН</abbr> очень полезная организация</p> <!--Исп. для расшифровки акронимов или 
        абревиатур, раньше для акронимов исп. эллемент <acronym>-->
        <p>Эта цитата позаимствована из книги <cite><a href="https://www.ukrlib.com.ua/world/printit.php?tid=3290">
            "Как развести араба"</a></cite></p><!--Данный элемент исп. для обозначения названия первоисточника 
            и исп. вместе с элементом дающим ссылку-->
        <p><dfn>Саша</dfn>- балбеска</p> <!--Исп. для обозначений-->
        <p>Тут я кое что <del>накосячил</del> <ins>подправил, внеся свои коррективы</ins> для того чтобы текст был более читательный
        <!--Вводит испрааления(удаления и введение) в тексте дл отслеживания изменений, которые можно отобразитьь читателю-->
        <br />Цена моих услуг <s>50 000 грн.</s> 10 копеек.</p><!--для текста, который неактуален больше-->
        <hr />
        <h2 id="link">Полезные ссыли</h2>
        <p><a href="https://ru.wikipedia.org/">На ночь</a><!--Так вводиться ссылка на другой сайт. Значение атрибута -полный или абсолютный 
        адресс сайта-->
        <br /><a href="https://www.youtube.com/" target="_blank">Еще на ночь(ссылка в новом окне)</a></p>
        <!--Атрибут указыввет где откырть ссылку-->
        <h3>Ориентиры по сайту</h3>
        <p><a href="review.html">Обзоры</a> <!--ссылка на другую страницу в той  же директории, что и страница, на которой
        размещается ссылка-->
        <br /><a href="list/list.html">Список</a></p><!--Ссылка для страницы в дочерней папке, аналогично для внучатой создается-->
        <hr />
        <address id="address">
            <p><a href="mailto:nikita021107m@gmil.com">nikita021107m@gmail.com</a></p>
            <p>Спуса Набережный 1/18</p>
        </address> <!--В данном жлеменете представлен способ для написания адресса и вывода ссылки 
        для напиания на почту при нажатти на адресс почты-->
        <hr />
        <h2>Ориентир по транице</h2>
        <p><a href="#introduce">Введение</a></p><!--ссылка на часть страницы так вводиться-->
        <p><a href="C:/Users/User/Desktop/site%20about%20web%20design/list/list.html/#underlist">Подсписок</a></p>
        <!--ссылка на часть другой страницы (list)-->  
    </body>
</html>

Страница, на которую ссылаюсь

<html>
    <head>
        <title>пример списков</title>
    </head>
    <body>
      <h1 id="underlist">Списки</h1>
      <p>Тут представлен упорядоченый список</p>  
      <ol><!--элемент упорядоченого списка, иногда с тарых версиях верстки можно встертить атрибут type для 
        обозначения типа нумерации(римские, арабские числа). Сейчас это делаеться с помощью CSS-->
        <li>первый пункт</li><!--каждый пункт из списка-->
        <li>второй пункт</li>
        <li>третий пункт</li>
      </ol>
      <p> Тут представлен неупорядоченный список</p>
      <ul>
        <li>первый пункт</li><!--каждый пункт из списка-->
        <li>второй пункт</li>
        <li>третий пункт</li>
      </ul>
      <dl>
        <dt> Саша</dt><!--вводит обозначение-->
        <dd>  Очень добрая, и хорошая подруга</dd><!--вводит определение-->
        <dt> Женя</dt>
        <dd> Раньше дружили, сейчас неочень</dd>
      </dl>
      <p>Далее представлен вложенный список</p>
      <ul>
        <li>Пункт 1
            <ol>
                <li>подпункт1</li>
                <li>подпункт2</li>
            </ol>
        </li>
      </ul>
      <h2>Ссылки</h2>
      <p><a href="../mainpage.html">На главную</a></p><!--Сыылка на файл в родительской папке, если прародительскую нужно,
      то добавляеться ../ -->
      <p><a href="#underlist">Наверх</a></p>
    </body>
</html>

если что это я в учебных целях пишу, а не реальный сайт)

Написано 02 июл.

Решения вопроса 1

3 комментария

NiksonM @NiksonM Автор вопроса

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

Написано 02 июл.
Алексей Уколов @alexey-m-ukolov Куратор тега HTML

Ну так надо не просто указывать, а веб-сервер ещё запустить и настроить.

Кроме того, наверняка, у вас и тогда в ссылке был лишний слэш.

Написано 02 июл.
NiksonM @NiksonM Автор вопроса

Понял. Спасибо. Просто почему тогда остальные ссылки нормально работают , а именно эта не хочет

Написано 02 июл.

Пригласить эксперта

Ответы на вопрос 1

1 комментарий

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

HTML

+2 ещё

Простой
Как сделать так в swiper slider?
- 1 подписчик
- 3 часа назад
- 33 просмотра
1

ответ
HTML

Простой
Код html для размещения на странице TapLink кнопки поделиться?
- 1 подписчик
- вчера
- 45 просмотров
0

ответов
HTML

+1 ещё

Простой
Как анимировать этот аккордеон?
- 1 подписчик
- вчера
- 70 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Как добавить и реализовать эти кнопки для поля поиска?
- 1 подписчик
- вчера
- 65 просмотров
1

ответ
HTML

Простой
Почему некоторые картинки не отображаются на github?
- 2 подписчика
- 02 июл.
- 136 просмотров
2

ответа
JavaScript

+2 ещё

Простой
JS скрипт для бургера не работает ни в одном браузере, а в консоли ошибка, которую я не понимаю даже описания. Что сделать?
- 1 подписчик
- 02 июл.
- 132 просмотра
0

ответов
JavaScript

+1 ещё

Средний
Почему при переносе элементов по DOM происходит их дублирование?
- 1 подписчик
- 30 июн.
- 77 просмотров
2

ответа
JavaScript

+3 ещё

Средний
Вопросик в синем прямоугольнике на мобилках за что отвечает?
- 1 подписчик
- 28 июн.
- 225 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как повторить этот эффект авторов?
- 3 подписчика
- 28 июн.
- 376 просмотров
0

ответов
Показать ещё Загружается…

Верстальщик HTML

MST

от 500 $

Frontend developer / HTML-верстальщик (part-time)

HRScan

от 800 до 1 000 €

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Провести курс: «Разработка приложений с использованием SPRING и Spring

04 июл. 2024, в 14:18

38500 руб./за проект

Разработка CRM на Next.js

04 июл. 2024, в 14:07

100000 руб./за проект

5 простых правок в приложение на react native

04 июл. 2024, в 13:53

2500 руб./за проект

Код, который Вы написали, конечно же не покажите?

Answer 1 · 2024-07-02 12:58:16

href="C:/Users/User/Desktop/site%20about%20web%20design/list/list.html/#underlist"

HTML ничего не знает про ваши диски. Ссылка должна иметь вид /list/list.html#underlist и обрабатываться веб-сервером, тогда всё будет работать.
Возможно, конечно, файловая ссылка тоже обработается, но её как минимум нужно исправить, убрав слэш перед якорем. Но лучше всё же учиться сразу правильно, т.е. использовать веб-сервер.

Answer 2 · 2024-07-02 15:58:28

Внутри страницы достаточно #underlist
На других в зависимости от вложенности - ../list/list.html#underlist ?

Не работает ссылка на определнную часть другой страницы сайта?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт