ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
## 面包屑导航标签 面包屑导航标签是显示网站层次信息,即当前页面在导航层次结构内的位置 ## 格式示例 ~~~ <h1 class="mb-3 mt-5 bread">{$Cate.title}</h1> <p class="breadcrumbs">{hkcms:breadcrumb class="active_a" symbol=">" /}</p> ~~~ html结果 ~~~ <p class="breadcrumbs"> <a href="/" class="active_a">首页</a>&gt; <a href="/gnxw" class="active_a">国内新闻</a>&gt; <span>演示</span> </p> ~~~ 结果图 ![](https://img.kancloud.cn/07/6f/076f3caa2560148dc797400ba5d86d57_580x145.png) ## 参数 | 参数名称 | 可选值 | 默认值 | 是否必填 | 说明 | | --- | --- | --- | --- | --- | | catid | 栏目ID或变量 | - | - | 当前位置的栏目ID ,可以传入变量或指定ID | | symbol | - | > | - | 指定分隔符 | | class | | - | - | html class 属性,填写后除了当前位置的标签,其他标签都会加上class属性 | | currentstyle | - | active | - | css class 类名,用于定义当前位置的class | | isclick | - | 0 | - | css class 类名,用于定义当前位置是否可点击,1-生成a标签可点击,0=生成span标签不能点击 | ## 参数说明 `catid`栏目ID属性,用于指定当前位置栏目,一般在内容页、列表页无需填写 ~~~ <p class="lead fw-normal">{hkcms:breadcrumb catid="$Info.category_id" /}</p> ~~~ html结果 ~~~ <p class="lead fw-normal"> <a href="/" class="">首页</a> &gt; <a href="/news/?lang=zh-cn" class="">新闻中心</a> &gt; <span class="active">公司新闻</span> </p> ~~~ `symbol` 分隔符属性,默认是`>`分隔符 改为`/`分隔符 ~~~ {hkcms:breadcrumb symbol=" / " /} ~~~ `class` 类属性。例如:`class `填写成 `item`,如下 ~~~ {hkcms:breadcrumb class="item" /} ~~~ html结果 ~~~ <a href="/" class="item">首页</a> &gt; <a href="/news/?lang=zh-cn" class="item">新闻中心</a> &gt; <span class="active">公司新闻</span> ~~~ `currentstyle` 当前位置的class名称,如上,默认是`active`,你可以在这指定class `isclick`是否可点击属性。如上,默认采用span标签,`isclick=1`则采用a标签。 写法 ~~~ {hkcms:breadcrumb isclick="1" /} ~~~ html 结果 ~~~ <a href="/" class="">首页</a> &gt; <a href="/news/?lang=zh-cn" class="">新闻中心</a> &gt; <a href="/cd/?lang=zh-cn" class="active">公司新闻</a> ~~~ ## 示例 - 指定当前位置 ~~~ // 根据catid 属性即可指定当前位置 <?php $temp = 2;?> {hkcms:breadcrumb class="active_a" symbol="-" catid="$temp" /} // 直接给值的方式 {hkcms:breadcrumb class="active_a" symbol="-" catid="2" /} ~~~ 结果 ![](https://img.kancloud.cn/80/d7/80d7dad1a0e69b78b28b179b536bb984_318x55.png)