无法理解这个用于分页的html代码

时间:2013-05-09 10:58:47

标签: html

我想对结果做一些简单的分页,但我没有客户端开发方面的经验 所以我查看了现有网站是如何通过View Source的{​​{1}}来完成的 在IE我看到了以下内容:
它每页显示20个结果,并提供7页的链接 来源如下:

youtube

所以我假设<a href="/results?search_query=html+pagination&amp;page=1" class="yt-uix-button yt-uix-pager-button yt-uix-button-toggled yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="1" <span class="yt-uix-button-content">1</span></a> <a href="/results?search_query=html+pagination&amp;page=2" class="yt-uix-button yt-uix-pager-button yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="2" <span class="yt-uix-button-content">2</span></a> <a href="/results?search_query=html+pagination&amp;page=3" class="yt-uix-button yt-uix-pager-button yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="3" <span class="yt-uix-button-content">3</span></a> <a href="/results?search_query=html+pagination&amp;page=4" class="yt-uix-button yt-uix-pager-button yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="4" <span class="yt-uix-button-content">4</span></a> <a href="/results?search_query=html+pagination&amp;page=5" class="yt-uix-button yt-uix-pager-button yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="5" <span class="yt-uix-button-content">5</span></a> <a href="/results?search_query=html+pagination&amp;page=6" class="yt-uix-button yt-uix-pager-button yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="6" <span class="yt-uix-button-content">6</span></a> <a href="/results?search_query=html+pagination&amp;page=7" class="yt-uix-button yt-uix-pager-button yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="7" <span class="yt-uix-button-content">7</span></a> <a href="/results?search_query=html+pagination&amp;page=2" class="yt-uix-button yt-uix-pager-button yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="2"><span class="yt-uix-button-content">Next »</span></a> 就像会话标识符一样? 我怎么能在服务器端代码中使用它?
另外,sessionlink为什么会引用Next

1 个答案:

答案 0 :(得分:0)

这仍然可以通过这种方式简化:

<a href="paged?page=1">« Prev</a>
<a href="paged?page=1">1</a>
<a href="paged?page=2">2</a>
<a href="paged?page=3">3</a>
<a href="paged?page=3">Next »</a>

仅针对纯分页部分,您无需担心会话标识符。有一个名为GET的{​​{1}}变量将页码传递到page页面。