【问题标题】:newspaper articles link href报纸文章链接href
【发布时间】:2010-12-20 08:45:18
【问题描述】:

如何不手动将每篇文章的链接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 */

【问题讨论】:

  • 你能再清楚一点吗?我没有关注你。
  • 基本上 css 在同一个地方,但是我为每篇文章链接 css 的位置不同(因为我将文章放在不同的文件夹中)
  • @Kevin:我在下面编辑了我的答案,并澄清了这一点。
  • Kevin,您的意思是要更新您的 css 和 javascript 的相对或绝对路径,而不必单独打开每个 html 文件?
  • 是的 aberon 我想更新我所有的相对路径

标签: css href typography


【解决方案1】:

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

这有帮助吗?

【讨论】:

    【解决方案2】:

    听起来您在问如何为每个外部文件使用相同的 URL,而不管您的页面放置在何处。

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

    绝对 URL 跟踪来自站点根目录,而不是文件的当前位置,因此无论您将文件放在何处,链接都是相同的。

    编辑:

    您可以将此 URL 放在已放置相对 URL 的相同位置: 那就是:

    &lt;link type="text/css" rel="stylesheet" media="all" href="/foo/bar/style.css" /&gt;

    而不是

    &lt;link type="text/css" rel="stylesheet" media="all" href="bar/style.css" /&gt;

    你现在正在使用的。

    【讨论】:

    • @Kevin: 'Foo' 和 'bar' 是文本的通用占位符。它们没有什么特别的意思,但大多数编码人员会认为它们的意思是“把你的信息放在这里”。在这种情况下,'/foo/bar' 基本上与写 '/whatever/your/folders/are/called' 相同
    • 我也像这样格式化它:
    • @Kevin:你的意思是你把“href”参数放在第一位吗?如果是这样,那没关系。语句的顺序通常根本不重要——使用最容易维护的方式。
    • @Kevin:不要太拘泥于 'foo' 和 'bar' 的细节。我只使用它们是因为这样写一个例子更容易。您自己的设置会有所不同:)
    • @Kevin:相对链接从文件所在的位置“开始”。绝对链接从您的站点根目录“开始”。
    猜你喜欢
    • 2017-12-24
    • 2020-12-15
    • 2016-10-10
    • 2019-01-18
    • 1970-01-01
    • 2022-08-06
    • 2013-07-08
    • 1970-01-01
    • 2015-03-13
    相关资源
    最近更新 更多