Тег HTML <a>не работает? Есть ли альтернативный тег кодирования? - PullRequest
Новая
       4

Тег HTML <a>не работает? Есть ли альтернативный тег кодирования?

1 голос
/ 05 августа 2020

Я использую CodePen для создания финала класса CIS 101, но по какой-то причине мои HTML ссылки не загружаются. Мне постоянно говорят: /boomboom/v2/WEBLAB5_HOUSER.html. Ссылки на домашние задания на веб-сайте работают нормально, поэтому мне интересно, используется ли это тег, который я использую?

CODEPEN: https://codepen.io/0n_uh/pen/VweJjBx?editors=1100

HTML ФАЙЛ: файл: /// E: /CIS%20-%20101/LABS/WEB%20LAB%20-%2006/WEBLABFINAL_HOUSER/WEBLAB5_HOUSER/WEBLAB5_HOUSER.html

CODE: 

<html>
  <a href="WEBLAB1_HOUSER.HTML">*Web Lab 1</a>
  <a href="WEBLAB2_HOUSER.html">*Web Lab 2</a>
  <a href="WEBLAB3_HOUSER.html">*Web Lab 3</a>
  <a href="WEBLAB4_HOUSER.html">*Web Lab 4</a>
  <a href="WEBLAB5_HOUSER.html">*Web Lab 5</a>
  <a href="WEBLAB6_HOUSER.html">*Web Lab 6</a>

1 Ответ

2 голосов
/ 05 августа 2020

Если вы не добавляете протокол, например http://, file:///, et c., Ваш браузер считывает эти ссылки как относительные (а не абсолютные) - см. https://www.webstix.com/knowledgebase/general/relative-links-vs-absolute-links.

Итак, если вы находитесь на сайте https://codepen.io/0n_uh/pen/VweJjBx?editors=1100 и вы ссылаетесь на WEBLAB1_HOUSER.HTML, ваш браузер попытается открыть https://codepen.io/0n_uh/pen/VweJjBx/WEBLAB1_HOUSER.HTML, который предположительно не существует.

Измените значения href на абсолютный путь, например <a href="file:///E:/CIS%20-%20101/LABS/WEB%20LAB%20-%2006/WEBLABFINAL_HOUSER/WEBLAB5_HOUSER/WEBLAB5_HOUSER.html">, и ваш веб-браузер откроет этот файл.

Отредактируйте : обратите внимание, что в идеале вы должны использовать относительные ссылки и создавать файл HTML, который находится рядом с вашим файлом WEBLAB1_HOUSER. HTML. Таким образом вы сможете отправить свою домашнюю страницу вместе с другими страницами (WEBLAB1_HOUSER. HTML, и c) в одном zip-файле.

Я настоятельно рекомендую загрузить VSCode и отредактировать ваш сайт внутри там. Это дает вам действительно приятную функцию предварительного просмотра, так что вы можете видеть свои правки в реальном времени.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...