导航标签html,导航标签

导航标签用于生成前台导航,相关的有三个标签navigation,navigationMenu,navigationFolder,三个必须联合使用

navigation标签

标签名

作用

包含属性

navigation

导航标签

nav-id,root,id,class

标签属性:

| 标签属性名 | 含义 |

| --- | --- |

| nav-id |后台导航 id,非必须 |

| root |生成导航根节点的标签名,默认为 ul,如果为空字符串表示根节点自己创建 |

| id |生成导航根节点的 dom 属性 id ,root 不为空时有效 |

| class |生成导航根节点的 dom 属性 class,root 不为空时有效 |

navigationMenu标签

标签名

作用

包含属性

navigationMenu

导航菜单标签

root,class

标签属性:

| 标签属性名 | 含义 |

| --- | --- |

| root |生成导航菜单根节点的标签名,默认为 li |

| class |生成导航菜单根节点的 dom 属性 class |

navigationFolder标签

标签名

作用

包含属性

navigationFolder

导航菜单标签(包含子菜单)

root,class,dropdown,dropdown-class

标签属性:

| 标签属性名 | 含义 |

| --- | --- |

| root |生成导航菜单根节点的标签名,默认为 li |

| class |生成导航菜单根节点的 dom 属性 class ,默认为dropdown |

| dropdown |生成导航菜单下拉菜单根节点的标签名 ,默认为 ul |

| dropdown-class |生成导航菜单下拉菜单根节点的 dom 属性 class,默认为 dropdown-menu|

几个常见的官方demo

创建一个bootstrap 风格的导航

{$menu.name|default=''}

dropdown-class="dropdown-menu dropdown-menu-level-{$level}">

{$menu.name|default=''}

完全自己定义导航根节点

{$menu.name|default=''}

dropdown-class="dropdown-menu dropdown-menu-level-{$level}">

{$menu.name|default=''}

自定义还是默认主要是看navigation标签的 root 属性是是否为空的

导航标签html,导航标签相关推荐

UI设计APP素材可编辑模板|底部标签式导航
优秀的APP导航设计,能够合理地完美展示产品的功能,并快速引导用户使用,增强用户的识别度.合理的导航设计,会让用户轻松达到目的而又不会干扰和困扰用户的选择. 疯狂底部导航为什么需要导航? 1.我可以 ...
＜nav＞导航标签和div标签一样，块属性标签＜/nav＞＜main＞内容区域，和section没有区别＜/main＞＜section＞内容区域，和main没有区别＜/sect
<nav>导航标签和div标签一样,块属性标签</nav> <main>内容区域,和section没有区别</main> <se ...
一个页面跳转到另一个页面的导航的对应的标签下面
首先,在这里将问题仔细的描述一下:一般网页上都有导航条,导航条里面某个标签又有一个列表,如下图所示: 当进行页面间的跳转是,希望直接跳转到相对于的标签所对应的内容下面.而且简介标签下面对应的标签也是一 ...
html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)
点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1. 声明的变化 2. 指定字符编码的变化,html5中建议使用utf-8 3. Html5中允许没有 ...
web前段学习day_01:HTML（学习如何搭建页面结构和内容）：文本标签、列表标签、图片标签、超链接、表格、表单表单、分区标签、实体引用
学习如何构造页面结构和内容安装HBuilderX 一.HTML 创建第一个HTML页面写完html后如何测试写在body中的常见标签有哪些? 注释快捷键 Ctrl+Shift+/ 1.文本相关标 ...
html5列表标签代码,HTML5列表标签和表格标签(示例代码)
一.列表 1.1 什么是列表标签? 作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一对数据是一个整体无序列表---unordered-list(最多):新闻列表.导航.商品列表作用: ...
Element-ui导航组件NavMenu导航高亮设置
Element-ui导航组件: NavMenu导航HighLight高亮设置 1. 文件navMenu.vue,部分代码参考: <template><div class=" ...
Bootstrap导航中禁用导航链接
禁用导航链接在导航组件中,包括标签页导航.胶囊式导航,都可以为某个 <li> 添加.disabled类,让链接变灰并且失去鼠标悬停效果.如: <ul class="nav ...
H5新标签--语义化标签
H5新标签----语义化标签区别:1.默认样式不一样 2.有SEO优化作用 1.header,一般作为网页的头部使用 2.aside,侧边栏 3.nav,导航栏 4.address,地址,字体样式默 ...
jsf 导航_JSF页面导航示例教程
jsf 导航 Page navigation is the redirection of a page based on the events performed for instance – on ...

导航标签html,导航标签

导航标签html,导航标签相关推荐

最新文章

热门文章