百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html5menu标签的概括定义和html5menu标签的用途细致解析-
分享文章到:

html5menu标签的概括定义和html5menu标签的用途细致解析-

发布时间:09/01 来源:未知 浏览: 关键词:
这边文章主要的讲述了html5menu标签的定义和用途实例,有实例和实例效果在,这让我们学习的时候更加简略了,所以,请认真的浏览本篇对于html5menu标签的文章吧 这边文章主要的讲述了html5 menu标签的定义和用途实例,有实例和实例效果在,这让我们学习的时候更加简略了,所以,请认真的浏览本篇对于html5 menu标签的文章吧

html5 menu标签的定义和用途:

标签定义下令的列表或菜单。

标签用于高低文菜单、工具栏以及用于列出表单控件和下令。

HTML5

标签实例

带有两个菜单按钮 ("File" 和 "Edit") 的工具栏,每个按钮都包括带有一系列选项的下拉列表:


 
  • HTML5中的menu标签的两种运用办法:

    1.menu标签定义菜单列表

    menu元素在HTML4.01中已不被同意运用,在此刻的HTML5中,menu元素已被从新定义,该元素中的列表项一样可运用 li 标签来标志。

    menu标签定义菜单列表,菜单列表平常用于文本菜单,工具条和下令列表选项,当但愿列出表单控件时可运用该标签。menu菜单列表在阅读器中显示结果和无序列表是雷同的,在这一点上的功能也可以通过无序列表来实现。

    html5 menu标签的新属性:

    • label属性(定义菜单项的可见标志,常用于标志菜单内的嵌套菜单,语法:menu label="File")

    • type 属性(定义菜单显示的类型,默许值为 "list",语法:menu type="value")

    • list:默许值。规定一个列表菜单。一个会员可施行或激活的下令列表(li元素)。

    • toolbar:规定一个工具栏菜单。自动式下令,允许会员立刻与下令进行交互。

    • contextmenu:规定一个高低文菜单,当会员右击元素时将显示高低文菜单。

    2.HTML5的menu菜单标签

    代码示例

    右击一下
    
        
        
    

    html5 menu标签的代码解析:

    标签用于高低文菜单、工具栏以及用于列出表单控件和下令;

    上例标签的contextmenu属性值即为

    属性id的值;

    label属性设定的是菜单项的名字;

    onclick属性设定点击菜单项的事件;

    icon属性设定菜单项左侧小图标;

    标签下可以有多个

    固然,menu属性不止这么多,本文章只是列举出了一些常用的属性。

    运转效果如下:

    html5 details标签的作用有哪些?

    标签的运用办法介绍(附运用实例)

    以上就是html5 menu标签的概括定义和html5menu标签的用途细致解析的细致内容,更多请关注 百分百源码网 其它相干文章!

    打赏

    打赏

    取消

    感谢您的支持,我会继续努力的!

    扫码支持
    扫码打赏,你说多少就多少

    打开支付宝扫一扫,即可进行扫码打赏哦

    百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

    共有151人阅读,期待你的评论!发表评论
    昵称: 网址: 验证码: 点击我更换图片
    最新评论

    本文标签

    广告赞助

    能出一分力是一分吧!

    订阅获得更多模板

    本文标签

    广告赞助

    订阅获得更多模板