Question

我有一个简单的网站，我付钱给别人设置发布文章 - 这些条目都在index.html页面上完成。我现在有大约12个条目，我想设置页面导航...我想在第一页上显示大约6-8篇文章，然后在底部有一个带有“下一页”或“页面”的栏2，第3页，第4页“等，（或两者），供用户点击查看下面的5篇文章，同时按时间顺序保留所有文章，静态网站的其余部分。该网站是由我在Craigslist上雇用的人建立的，我对HTML的基本知识足以更新索引页面并创建新页面。已经编码到索引页面的模板有一个导航元素，但它已被注释掉。我不确定如何使用这种特定格式来创建包含旧文章的多个页面。

                <!--- <div class="page-navi">
                <ul>
                    <li><a href="#" class="current">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">Next</a></li>
                    <li><a href="#">Last</a></li>
                </ul>
            </div> ---!>
            <!-- End Page Navi -->

Answer 1

如果您使用多个.html文件创建整个网站，则需要将这段代码复制到所有文件中：

<div class="page-navi">
     <ul>
           <li><a href=".../page1.html" class="current">1</a></li>
           <li><a href=".../page2.html">2</a></li>
           <li><a href=".../page3.html">3</a></li>
           <li><a href=".../page2.html">Next</a></li>
           <li><a href=".../page5.html">Last</a></li>
    </ul>
</div>

您应该使用实际网址更改...，并根据每个单独页面的要求更改页码。

Answer 2

如果您的网站是纯HTML，那么您可以跨页面拆分文章，例如pge1.html，第2.html页等。然后。创建链接，如

Answer 3

如果您的网站完全是静态的，并且完全由html个文件组成，那么您唯一的选择就是将index.html拆分为多个文件并手动插入导航代码。如果您希望每页有五篇文章并且最先想要最新版本，那么这是繁琐且容易出错的，每当您添加新文章时，您都需要将每个文件中最旧的文章转换为另一个文件。如果您有超过20个不同文件的100篇文章，这可能会非常糟糕。

或者，您可以使用PHP，javascipt，python，clojure，your programming language of choice为您执行一些后端开发。如果您愿意使用完全不同的东西，wordpress和其他博客平台值得考虑。

索引页面的HTML页面导航

3 个答案: