# breadcrumb 面包屑導航標簽
## 面包屑導航標簽
面包屑導航標簽是顯示網站層次信息,即當前頁面在導航層次結構內的位置
## 格式示例
```
<pre class="calibre16">```
<span class="token"><</span>h1 class<span class="token">=</span><span class="token4">"mb-3 mt-5 bread"</span><span class="token">></span><span class="token1">{</span>$Cate<span class="token1">.</span>title<span class="token1">}</span><span class="token"><</span><span class="token">/</span>h1<span class="token">></span>
<span class="token"><</span>p class<span class="token">=</span><span class="token4">"breadcrumbs"</span><span class="token">></span><span class="token1">{</span>hkcms<span class="token1">:</span>breadcrumb class<span class="token">=</span><span class="token4">"active_a"</span> symbol<span class="token">=</span><span class="token4">">"</span> <span class="token">/</span><span class="token1">}</span><span class="token"><</span><span class="token">/</span>p<span class="token">></span>
```
```
html結果
```
<pre class="calibre16">```
<span class="token"><</span>p class<span class="token">=</span><span class="token4">"breadcrumbs"</span><span class="token">></span>
<span class="token"><</span>a href<span class="token">=</span><span class="token4">"/"</span> class<span class="token">=</span><span class="token4">"active_a"</span><span class="token">></span>首頁<span class="token"><</span><span class="token">/</span>a<span class="token">></span><span class="token">&</span>gt<span class="token1">;</span>
<span class="token"><</span>a href<span class="token">=</span><span class="token4">"/gnxw"</span> class<span class="token">=</span><span class="token4">"active_a"</span><span class="token">></span>國內新聞<span class="token"><</span><span class="token">/</span>a<span class="token">></span><span class="token">&</span>gt<span class="token1">;</span>
<span class="token"><</span>span<span class="token">></span>演示<span class="token"><</span><span class="token">/</span>span<span class="token">></span>
<span class="token"><</span><span class="token">/</span>p<span class="token">></span>
```
```
結果圖

## 參數
參數名稱可選值默認值是否必填說明catid欄目ID或變量--當前位置的欄目ID ,可以傳入變量或指定IDsymbol->-指定分隔符class--html class 屬性,填寫后除了當前位置的標簽,其他標簽都會加上class屬性currentstyle-active-css class 類名,用于定義當前位置的classisclick-0-css class 類名,用于定義當前位置是否可點擊,1-生成a標簽可點擊,0=生成span標簽不能點擊## 參數說明
`catid`欄目ID屬性,用于指定當前位置欄目,一般在內容頁、列表頁無需填寫
```
<pre class="calibre16">```
<span class="token"><</span>p class<span class="token">=</span><span class="token4">"lead fw-normal"</span><span class="token">></span><span class="token1">{</span>hkcms<span class="token1">:</span>breadcrumb catid<span class="token">=</span><span class="token4">"$Info.category_id"</span> <span class="token">/</span><span class="token1">}</span><span class="token"><</span><span class="token">/</span>p<span class="token">></span>
```
```
html結果
```
<pre class="calibre16">```
<span class="token"><</span>p class<span class="token">=</span><span class="token4">"lead fw-normal"</span><span class="token">></span>
<span class="token"><</span>a href<span class="token">=</span><span class="token4">"/"</span> class<span class="token">=</span><span class="token4">""</span><span class="token">></span>首頁<span class="token"><</span><span class="token">/</span>a<span class="token">></span> <span class="token">&</span>gt<span class="token1">;</span> <span class="token"><</span>a href<span class="token">=</span><span class="token4">"/news/?lang=zh-cn"</span> class<span class="token">=</span><span class="token4">""</span><span class="token">></span>新聞中心<span class="token"><</span><span class="token">/</span>a<span class="token">></span> <span class="token">&</span>gt<span class="token1">;</span> <span class="token"><</span>span class<span class="token">=</span><span class="token4">"active"</span><span class="token">></span>公司新聞<span class="token"><</span><span class="token">/</span>span<span class="token">></span>
<span class="token"><</span><span class="token">/</span>p<span class="token">></span>
```
```
`symbol` 分隔符屬性,默認是`>`分隔符
改為`/`分隔符
```
<pre class="calibre16">```
<span class="token1">{</span>hkcms<span class="token1">:</span>breadcrumb symbol<span class="token">=</span><span class="token4">" / "</span> <span class="token">/</span><span class="token1">}</span>
```
```
`class` 類屬性。例如:`class`填寫成 `item`,如下
```
<pre class="calibre16">```
<span class="token1">{</span>hkcms<span class="token1">:</span>breadcrumb class<span class="token">=</span><span class="token4">"item"</span> <span class="token">/</span><span class="token1">}</span>
```
```
html結果
```
<pre class="calibre16">```
<span class="token"><</span>a href<span class="token">=</span><span class="token4">"/"</span> class<span class="token">=</span><span class="token4">"item"</span><span class="token">></span>首頁<span class="token"><</span><span class="token">/</span>a<span class="token">></span> <span class="token">&</span>gt<span class="token1">;</span>
<span class="token"><</span>a href<span class="token">=</span><span class="token4">"/news/?lang=zh-cn"</span> class<span class="token">=</span><span class="token4">"item"</span><span class="token">></span>新聞中心<span class="token"><</span><span class="token">/</span>a<span class="token">></span> <span class="token">&</span>gt<span class="token1">;</span>
<span class="token"><</span>span class<span class="token">=</span><span class="token4">"active"</span><span class="token">></span>公司新聞<span class="token"><</span><span class="token">/</span>span<span class="token">></span>
```
```
`currentstyle` 當前位置的class名稱,如上,默認是`active`,你可以在這指定class
`isclick`是否可點擊屬性。如上,默認采用span標簽,`isclick=1`則采用a標簽。
寫法
```
<pre class="calibre16">```
<span class="token1">{</span>hkcms<span class="token1">:</span>breadcrumb isclick<span class="token">=</span><span class="token4">"1"</span> <span class="token">/</span><span class="token1">}</span>
```
```
html 結果
```
<pre class="calibre16">```
<span class="token"><</span>a href<span class="token">=</span><span class="token4">"/"</span> class<span class="token">=</span><span class="token4">""</span><span class="token">></span>首頁<span class="token"><</span><span class="token">/</span>a<span class="token">></span> <span class="token">&</span>gt<span class="token1">;</span>
<span class="token"><</span>a href<span class="token">=</span><span class="token4">"/news/?lang=zh-cn"</span> class<span class="token">=</span><span class="token4">""</span><span class="token">></span>新聞中心<span class="token"><</span><span class="token">/</span>a<span class="token">></span> <span class="token">&</span>gt<span class="token1">;</span>
<span class="token"><</span>a href<span class="token">=</span><span class="token4">"/cd/?lang=zh-cn"</span> class<span class="token">=</span><span class="token4">"active"</span><span class="token">></span>公司新聞<span class="token"><</span><span class="token">/</span>a<span class="token">></span>
```
```
## 示例
- 指定當前位置
```
<pre class="calibre16">```
<span class="token5">// 根據catid 屬性即可指定當前位置</span>
<span class="token"><</span><span class="token">?</span>php $temp <span class="token">=</span> <span class="token3">2</span><span class="token1">;</span><span class="token">?</span><span class="token">></span>
<span class="token1">{</span>hkcms<span class="token1">:</span>breadcrumb class<span class="token">=</span><span class="token4">"active_a"</span> symbol<span class="token">=</span><span class="token4">"-"</span> catid<span class="token">=</span><span class="token4">"$temp"</span> <span class="token">/</span><span class="token1">}</span>
<span class="token5">// 直接給值的方式</span>
<span class="token1">{</span>hkcms<span class="token1">:</span>breadcrumb class<span class="token">=</span><span class="token4">"active_a"</span> symbol<span class="token">=</span><span class="token4">"-"</span> catid<span class="token">=</span><span class="token4">"2"</span> <span class="token">/</span><span class="token1">}</span>
```
```
結果

- 簡介
- 下載與安裝配置
- 下載
- 虛擬主機安裝
- 百度云虛擬主機
- 創業云虛擬主機
- Linux下寶塔安裝
- 寶塔一鍵部署
- Windows下寶塔安裝
- phpEnv下安裝
- phpStudy下安裝
- 偽靜態(url重寫)
- 安裝系統
- 調試模式與env文件
- 重新安裝與安裝文件說明
- 后臺使用幫助
- 后臺入口文件
- 首頁面板
- 配置中心
- 站點配置
- SEO設置
- SEO設置-靜態生成
- 文檔屬性
- 站點模塊
- V2.2.2版本 -
- V2.2.3版本 +
- 模型管理
- 欄目管理
- 字段類型與組件
- 前言
- 前端組件
- 驗證規則
- text 單行文本
- textarea 多行文本
- radio 單選
- checkbox 復選
- select 下拉列表
- selects下拉列表(多)
- selectpage 動態下拉
- editor編輯器
- image圖片
- images圖片(多)
- number數字
- date日期
- datetime日期和時間
- downfile文件上傳
- downfiles文件上傳(多)
- array 數組(鍵值對)
- 內容管理
- 自定義URL
- 多語言
- 界面多語言
- 內容多語言
- 多語言URL地址
- 附件管理
- 應用中心
- 標簽語法
- 標簽使用必讀
- 列表標簽
- content 內容列表標簽
- contentpage 內容列表分頁
- wfpage 瀑布流分頁
- filter 篩選標簽
- order 排序標簽
- 內容標簽
- guestbook 留言(表單)標簽(廢棄)
- form 表單標簽
- pre 上一篇標簽
- next 下一篇標簽
- prenext 上一篇下一篇(高級)標簽
- fileinfo 獲取附件信息(文件下載)
- 內容分頁
- raw 格式化編輯器文本(即將廢棄)
- 全局標簽
- seo 標簽
- channel 欄目標簽
- arcone 獲取單條文檔
- breadcrumb 面包屑導航標簽
- adv 站點模塊標簽
- date 日期格式化標簽
- substr字符(標題)截取標簽
- volist 循環標簽
- language 獲取語言列表標簽
- query 查詢數據庫內容
- include 導入模板文件標簽
- 原生PHP與php標簽
- map生成位置地圖
- thumb 生成縮略圖
- addons 插件檢測
- 標簽管理
- taglist標簽(獲取標簽列表)
- tagarclist根據標簽獲取文章內容列表
- 導入標簽
- 模板開發
- 1. 創建模板
- 2. 模板目錄結構
- 3. 模板描述文件(重要) info.ini
- 4. 變量輸出格式
- 4. 模板變量
- 5. 獲取站點配置
- 6. 模板界面多語言
- 7. 模板靜態目錄及調用靜態文件
- 8. 模板定義插件事件
- 9. 模板搜索頁
- 10. 模板配置JSON
- 11. 導入演示數據
- 12. 卸載刪除演示數據
- 13. 模板文件打包
- 14. 整站源碼打包
- 插件開發
- 1. 創建插件
- 2. 目錄結構
- 3. 插件名稱類
- 4. 插件信息(info.ini)
- 5. 插件事件
- 6. 配置文件
- 7. install 安裝目錄
- 8. 創建菜單
- 9. 插件控制器
- 10. 插件視圖
- 10-1 插件主題化
- 11. 插件模型
- 12. 模型事件
- 13. 插件內置函數
- 13-1 插件函數庫
- 14. 插件多語言
- 15. 插件中間件
- 16. 插件路由
- 17. 插件驗證器
- 18. 標簽庫
- 19. 第三方類庫
- 20. 數據庫文件導入
- 插件打包
- 后臺前端使用幫助
- 二次開發幫助(更新中)
- 后臺前端開發幫助
- 路由(鏈接地址、訪問規則)
- URL訪問
- 路由定義
- URL生成
- 附錄
- 數據字典
- 助手函數庫