ссылка на газетные статьи href
-
22-09-2019 - |
Вопрос
Как изменить ссылку href на код css, js для каждой статьи, не делая этого вручную?Каждая статья, которую я пишу, разделена на разные папки, и я начинаю каждую статью с одного шаблона, который ссылается на css/reset.css и т. д.
Это мой пример кода шаблона статьи:Пример страницы статьи
<link href="css/slider.css" rel="stylesheet" type="text/css" media="screen" />
<!-- jquery -->
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>
<!-- superfish -->
<link href="css/superfish.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<!-- initialize jquery superfish plugins -->
<script type="text/javascript" src="js/init.js"></script>
<!-- tabs -->
<script src="js/ui.core.js" type="text/javascript"></script>
<script src="js/ui.tabs.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/ui.tabs.css" type="text/css" media="screen" />
<!-- initialize tabs -->
<script type="text/javascript">
$(document).ready(function(){
$('#container-1 > ul').tabs(); /* news and events */
$('#container-2 > ul').tabs(); /* pre-footer tab */
$('#container-4 > ul').tabs(); /* popular items */
Решение
Похоже, вы спрашиваете, как можно использовать один и тот же URL-адрес для каждого внешнего файла, независимо от того, где находится ваша страница.
Если да, то все, что вам нужно, — это использовать абсолютные URL-адреса вместо относительных.То есть, "/foo/bar/reset.css
" (обратите внимание на начальную косую черту) вместо "bar/reset.css
"
Абсолютные URL-адреса отслеживаются от корня сайта, а не от текущего местоположения файла, поэтому ссылки будут одинаковыми независимо от того, где вы разместите файл.
Редактировать:
Вы должны поместить этот URL-адрес в то же место, где вы уже разместили относительные URL-адреса:То есть:
<link type="text/css" rel="stylesheet" media="all" href="/foo/bar/style.css" />
вместо
<link type="text/css" rel="stylesheet" media="all" href="bar/style.css" />
который вы используете сейчас.
Другие советы
Кевин, поправь меня, если я ошибаюсь;у вас есть несколько html-файлов в разных папках, и вы хотите обновить все ссылки CSS и JavaScript в них, чтобы они указывали на новое местоположение.
Ваш сценарий:
wwwroot/
|
-- CSS/
|
-- reset.css
|
-- Javascript/
|
-- 20090112/
|
-- file1.html
|
-- 20090207/
|
-- file2.html
-- file3.html
|
-- etc.
Dreamweaver помещает все в ваш CSS
папка.Если вы хотите хранить файлы CSS там, вам необходимо указать правильные относительные пути или использовать абсолютные пути.
Абсолютный путь — это путь, который указывает точное местоположение файла. http://www.somedomain.com/css/reset.css
это абсолютный путь.
Относительный путь определяет путь от местоположения текущего файла.Итак, если вы хотите добавить reset.css
в file1.html вы должны указать его местоположение таким образом ../css/reset.css
Разбитый этот путь указывает:
.. up one folder [we're now in wwwroot]
/css the path from wwwroot
/reset.css the filename
Это помогает?