html 实现面包屑导航

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 实现面包屑导航相关的知识,希望对你有一定的参考价值。

{{ define "breadcrumb" }}
 {{ if .currentPage.Parent }}
   {{ if ne .currentPage.Parent .IsHome }}
      {{ template "breadcrumb" dict "currentPage" .currentPage.Parent }}
    {{ end }}
      {{ if eq .id .currentPage.UniqueID }}
        {{ .currentPage.Title }}
      {{ else }}
        <a href="{{ .currentPage.URL }}">{{ .currentPage.Title }}</a> >
      {{ end }}
  {{ end }}
{{ end }}
<span class="breadcrumb">
  <a href="/">Custom Homepage Title</a>
  {{ template "breadcrumb" dict "currentPage" .Page "id" .UniqueID }}
</span>

以上是关于html 实现面包屑导航的主要内容,如果未能解决你的问题,请参考以下文章

vue中面板屑导航组件实现

如何使用面包屑导航组件

前端特效制作 | CSS3圆形风格面包屑导航

HTML CSS三角面包屑导航

使用 HTML5 构建面包屑导航的最新方法是啥

CSS3面包屑导航