热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

html5menu标签的具体定义和html5menu标签的用法详细解析-

这边文章主要的讲述了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标签的用法详细解析的详细内容,更多请关注 第一PHP社区 其它相关文章!


    推荐阅读
    • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
      本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
    • 本文介绍了如何使用jQuery根据元素的类型(如复选框)和标签名(如段落)来获取DOM对象。这有助于更高效地操作网页中的特定元素。 ... [详细]
    • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
    • PHP 5.2.5 安装与配置指南
      本文详细介绍了 PHP 5.2.5 的安装和配置步骤,帮助开发者解决常见的环境配置问题,特别是上传图片时遇到的错误。通过本教程,您可以顺利搭建并优化 PHP 运行环境。 ... [详细]
    • 深入理解Cookie与Session会话管理
      本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
    • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
    • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
    • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
    • C++实现经典排序算法
      本文详细介绍了七种经典的排序算法及其性能分析。每种算法的平均、最坏和最好情况的时间复杂度、辅助空间需求以及稳定性都被列出,帮助读者全面了解这些排序方法的特点。 ... [详细]
    • 中国五大湖泊 八百里洞庭上榜 第一名最大时可达5100平方公里
      中国幅员辽阔,在这块土地上有着数不清的大大小小的湖泊。它们有的可达几千平方公里,有的只有几百平方公里,分布在祖国的各个地方。既然湖泊这么多,那么哪些湖泊最大呢?今天小编就来聊一聊中 ... [详细]
    • 探讨年薪结构中,月薪基数较高是否会导致实际收益减少,并分析不同公司薪资结构的差异。 ... [详细]
    • 账簿与凭证管理的法规要求
      本文详细介绍了企业账簿和凭证设置与管理的具体规定,包括设立时间、登记要求及保管期限等,以确保合规性并满足税务机关的要求。 ... [详细]
    • CentOS7源码编译安装MySQL5.6
      2019独角兽企业重金招聘Python工程师标准一、先在cmake官网下个最新的cmake源码包cmake官网:https:www.cmake.org如此时最新 ... [详细]
    • 深入理解 SQL 视图、存储过程与事务
      本文详细介绍了SQL中的视图、存储过程和事务的概念及应用。视图为用户提供了一种灵活的数据查询方式,存储过程则封装了复杂的SQL逻辑,而事务确保了数据库操作的完整性和一致性。 ... [详细]
    • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
    author-avatar
    撩人的东莞博文
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有