我们要了解这段代码的目的是实现在不同页面间使用Tab导航切换时，记住用户当前所在的Tab位置，从而实现“跨越页面”的Tab导航。这是通过使用Jquery及其Cookie插件来实现的。
知识点一：Jquery基础
Jquery是一个快速、小巧、功能丰富的JavaScript库。它使得HTML文档遍历和操作、事件处理、动画和Ajax更容易。$.cookie()是Jquery的一个扩展方法，是Jquery Cookie插件的一部分，可以很方便地进行浏览器cookie的操作。
知识点二：$.cookie()方法
$.cookie()方法是Jquery Cookie插件提供的一个功能，允许开发者方便地在JavaScript中读取、写入和删除cookie。这个方法需要在项目中引入jquery.cookie.js库后才能使用。
知识点三：Tabs导航
Tabs导航是一种用户界面设计，通常由一组水平或垂直的标签组成，每个标签都链接到不同的内容区域或页面。用户可以点击不同的标签来在不同的页面或内容之间切换。在这段代码中，tabs导航是通过HTML标签（如ul、li）来构建的，并通过Jquery来实现不同Tab之间的交互。
知识点四：跨页面状态保持
在Web开发中，有时需要在用户浏览不同的页面时保持一些状态信息，例如当前选中的Tab。要实现这一点，可以使用cookie、sessionStorage或者localStorage等技术。这里使用的是cookie来记录用户当前选中的Tab索引，并在每次页面加载时读取cookie中的值来恢复Tab的选中状态。
知识点五：HTML结构
在给出的HTML代码示例中，我们看到导航的结构是通过一系列的<a>标签和<ul>、<li>列表元素构建的。每个<li>元素都包含了对应的<a>标签，它指向不同的页面，代表一个Tab。
知识点六：CSS样式控制
通过CSS（层叠样式表）可以对HTML元素进行视觉美化和布局设置。在这段代码中，CSS定义了导航条（.nav）的高度、列表项（.navli）的浮动方式和内边距。还定义了当一个列表项处于选中状态（.navli.on）时的背景色和文字颜色，以及鼠标悬停时的效果。
知识点七：Jquery事件处理
Jquery对事件处理提供了简洁的接口，这里用到了点击事件（.click()）。当用户点击某个Tab时，会触发一个函数，该函数会记录当前的Tab索引，并通过修改浏览器地址的方式切换到对应的页面。
知识点八：页面间传递数据
在多页面应用中，需要一种方式在不同页面间传递数据，比如用户的选择或者状态信息。这里使用了cookie技术来传递选中Tab的索引信息，但也可以使用URL参数、sessionStorage、localStorage等其他技术来实现。
知识点九：代码示例的结构
整个代码示例包含了HTML、CSS和JavaScript三个部分。HTML定义了页面的结构，CSS控制了页面的样式，而JavaScript则负责页面的行为和动态效果。通过这三者的结合，实现了功能完整、用户体验良好的Tabs导航。
知识点十：资源引用
在HTML文件中，需要引入Jquery、Jquery Cookie插件和自定义的JavaScript文件（如tabs.js）。正确引用这些资源文件是页面能够正常运行的前提。
以上内容涵盖了该代码示例涉及的多个IT知识点，包括Jquery、Cookie技术、Tabs导航设计、页面间状态保持、HTML/CSS布局样式、JavaScript事件处理等。通过这些知识点，我们可以了解到如何实现一个具有跨页面状态保持功能的Tabs导航系统。
