Html 简单CSS面包屑的工作原理

我试图模仿本教程，创建一个简单的苹果主题面包屑，可在此处找到：

即使在查看更新的示例并从此处下载源代码之后：

我不知道如何只有HTML和CSS“知道”它当前是哪个页面

显然，如果您的浏览器指向“”，浏览器就知道您在这个页面上，但是HTML或CSS的哪个部分指定面包屑应该为后续页面保留图形，而淡出当前页面图形

很抱歉问了这么简单的问题。。xD

更新：

好了，现在这个问题已经解决了，有没有人建议用最简单的方法来制作一个脚本来处理这个tut？

没有

该教程仅用于设计样式，而不是生成面包屑；您必须自己完成这一部分，通过某种脚本编写或手动完成

Re:Update

面包屑基本上是站点所在树的当前路径。从站点地图开始（不是XML、SEO，而是站点的实际页面结构。例如：

Home
JavaScript
    Vanilla
        Gallery
        Lightbox
        Dice Roller
    jQuery
        Cycle
        Click Tracker
Blog
    RSS
    Web Development
        Object Oriented CSS
        Currying Functions in JavaScript
        CSS Reset Files
    Gaming
        Review: Super Mario Bros.
        Camping Strategy in Oregon Trail
        So Your Mom Wants to Play Wii Golf
Portfolio
    DEA Website
    We <3 Kittens
    Nobody Likes IE6

这些数据可以存储在数据库中，并使用您选择的服务器端语言取出，也可以使用服务器端或客户端脚本根据目录结构自动生成，或者您可以手动将它们编码到每个页面中

怎么做完全取决于你自己，但这是基本概念。

不是

该教程只是用于设置样式，而不是生成面包屑；您必须通过某种脚本或手动方式自己完成这部分工作

Re:Update

面包屑基本上是站点树下的当前路径。从站点地图开始（不是XML、SEO意义上的地图，而是站点的实际页面结构。例如：

Home
JavaScript
    Vanilla
        Gallery
        Lightbox
        Dice Roller
    jQuery
        Cycle
        Click Tracker
Blog
    RSS
    Web Development
        Object Oriented CSS
        Currying Functions in JavaScript
        CSS Reset Files
    Gaming
        Review: Super Mario Bros.
        Camping Strategy in Oregon Trail
        So Your Mom Wants to Play Wii Golf
Portfolio
    DEA Website
    We <3 Kittens
    Nobody Likes IE6

这些数据可以存储在数据库中，并使用您选择的服务器端语言取出，也可以使用服务器端或客户端脚本根据目录结构自动生成，或者您可以手动将它们编码到每个页面中

---

如何做到这一点完全取决于您，但这是基本概念。

您不使用HTML和CSS（CSS3有一些类似的有限功能，但我认为它们还没有为黄金时间做好准备）来确定您所处的页面。通常是服务器端软件（如CMS）用于输出面包屑，以及指示当前页面的CSS类名等。

您不使用HTML和CSS（CSS3有一些类似的有限功能，但我认为它们还没有为黄金时间做好准备）来确定您所处的页面。通常是服务器端软件（如CMS）用于输出面包屑，以及指示当前页面的CSS类名等。

不是。本教程向您展示了如何使其外观美观，而不是如何创建一个。您需要使用脚本生成“路径”链接。HTML和CSS没有。该网站只讨论设置列表样式以制作面包屑，而不是首先生成列表。这必须在服务器上完成。没有。教程向您展示了如何使其看起来美观，而不是如何创建。您需要使用脚本生成“路径”链接。HTML和CSS没有。该网站只讨论设置列表样式以制作面包屑，而不是首先生成列表。这必须在服务器上完成。好了，明白了，现在更有意义了：DThanks，太有用了！好了，明白了，现在更有意义了：DThanks，太有用了！