【问题标题】:How to link multiple web pages? [closed]如何链接多个网页? [关闭]
【发布时间】:2017-10-31 10:16:15
【问题描述】:

大家好,请帮我解决问题.. 我是网络开发的初学者,我对导航栏有疑问。我创建了一个带有导航栏的简单网页。我想使用导航栏将我的其他网页链接到 home.php 页面。单击导航菜单时,相关网页应显示在 home.php 网页的内容区域中。我该怎么做?请指导我....

【问题讨论】:

  • 欢迎来到 Stack Overflow!您的问题缺少代码示例。请阅读How to Ask
  • 您可以使用 iframe,但请注意,将所有内容放在一个页面下对 SEO 不利(换句话说,人们从 Google 找到该网站的机会较少)跨度>
  • 您可以使用 ajax 来加载每个单独的内容位,但如上所述,它对您的搜索结果不太好,也不利于用户直接导航到特定页面。
  • 老实说;你不能自己做/想出来吗?这是超级基本的 PHP/HTML 101。

标签: javascript php jquery html css


【解决方案1】:

您可以使用 php include() 在每个页面上都有这样的导航

// head
<body>
<?php include('nav.php'); ?>
// home.php
</body>

或者只是一个iframe?

【讨论】:

  • 我忘记了 标志:(
  • 以前我使用 iframe,但出现了问题。但是这个 php 编码部分进展顺利。谢谢
【解决方案2】:

它可以创建不同的网页并使用导航栏中的锚标记链接它们。 如果主页和其他页面在同一个目录中,就像这样。 &lt;a href="services.php"&gt;Services&lt;/a&gt;

【讨论】:

    【解决方案3】:

    有很多方法可以做到这一点。最简单的可能是使用包含。首先,定义导航栏文件:

    <!-- navigation.php -->
    <header>
      <a href="page1.php">Page 1</a>
      <a href="page2.php">Page 2</a>
    </header>
    

    然后定义每个页面,包括导航栏文件:

    <!-- page1.php -->
    <html>
      <body>
        <?php include('navigation.php'); ?>
        <main>
          Page 1 contents here...
        </main>
      </body>
    </html>
    

    同样的逻辑出现在第 2 页,依此类推。每次单击导航链接时,都会加载新页面,并在其顶部显示导航栏。

    【讨论】:

      【解决方案4】:

      你可以使用 html 标签来做到这一点

      示例:

      <a href="home.php"></a>
      

      如果 home.php 位于您在 html 或 php 文件中创建菜单栏的同一文件夹中。

      File path

      【讨论】:

        【解决方案5】:

        除了Sarim 回答之外,您还需要创建一个带有空白内容区域的HTML 页面,“模板”,然后用您的页面填充这个空白区域。 (为了避免在所有页面中重复相同的 HTML),请记住永远不要在任何级别的编程堆栈中重复自己

        例如,模板可能是这样的

        template.php

        <html>
        <head></head>
        <body>
        <!-- your navigator and other static content-->
        <?=$pageContent?>
        </body>
        </html>
        

        然后构建您的页面并填充模板的空白内容

        home.php

        <?php
         // make the page contents any way you want , like:
         $pageContent = "<div>this is the home page content</div>"
         //then include your template
         include('template.php');
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2017-10-19
          • 1970-01-01
          • 1970-01-01
          • 2015-03-01
          • 1970-01-01
          相关资源
          最近更新 更多