报纸文章链接href

时间:2009-11-25 16:20:42

标签: css href typography

如何在不手动操作的情况下将链接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 */

2 个答案:

答案 0 :(得分:2)

听起来您正在询问如何为每个外部文件使用相同的网址,无论您的网页位于何处。

如果是这样,您只需要使用绝对URL而不是相对URL。也就是说,“/foo/bar/reset.css”(注意初始斜杠)而不是“bar/reset.css

绝对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" />

您现在正在使用。

答案 1 :(得分:0)

凯文,如果我错了,请纠正我;您在不同的文件夹中有一系列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

这有帮助吗?