CSS работает только с прямой ссылкой, почему не работает относительный?

Question

Попытка создать веб-страницу.и относительная ссылка CSS не будет работать.Только прямые ссылки.

Head:

<link href="http://directorym.net/App_Themes/customDarkBlueWAdSense_en-US/customDarkBlueWAdSense_en-US.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="http://pboo.mobi/corey/articles_media/dmNet.css" />
<link rel="stylesheet" type="text/css" href="http://pboo.mobi/corey/App_Themes/mobile.css" />

тест на http://pboo.mobi/corey

, когда я сделаю это относительно:

<link rel="stylesheet" type="text/css" href="articles_media/dmNet.css" />
<link rel="stylesheet" type="text/css" href="App_Themes/mobile.css" />

это не будет отображаться.

Предложения?

Answer 1

Глядя на ваш сайт и изменяя код страницы на лету с помощью браузера, они отображаются как с относительными, так и с абсолютными путями.

В любом случае помните, что относительный означает «относительно текущего пути к странице».

У вас есть три варианта, когда дело доходит до путей URL:

а) Абсолют

href="http://www.mysite.com/myfolder/myfile.css"

б) Относительный

href="myfile.css"

в) Абсолют с косой чертой вместо доменного имени

href="/myfolder/myfile.css"

Answer 2

Используйте абсолютный путь:

<link rel="stylesheet" type="text/css" href="/corey/articles_media/dmNet.css" />
<link rel="stylesheet" type="text/css" href="/corey/App_Themes/mobile.css" />

Answer 3

Чтобы добавить к тому, что люди уже сказали, также рассмотрите возможность использования полного пути, но с использованием относительных ссылок протокола.

<link rel="stylesheet" type="text/css" href="//pboo.mobi/corey/articles_media/dmNet.css" />
<link rel="stylesheet" type="text/css" href="//pboo.mobi/corey/App_Themes/mobile.css" />

Таким образом, вам не придется беспокоиться о возможных ошибках безопасности с http: // или https://

Answer 4

предположим, что папки articles_media и App_Themes и html-страница находятся в одной исходной папке.Заголовок HTML-страницы может содержать:

<link rel="stylesheet" type="text/css" href="/articles_media/dmNet.css" />
<link rel="stylesheet" type="text/css" href="/App_Themes/mobile.css" />

(обратите внимание на / перед именем папки)