热门标签 | 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社区 其它相关文章!


    推荐阅读
    • JavaScript 跨域解决方案详解
      本文详细介绍了JavaScript在不同域之间进行数据传输或通信的技术,包括使用JSONP、修改document.domain、利用window.name以及HTML5的postMessage方法等跨域解决方案。 ... [详细]
    • 3DSMAX制作超现实的体育馆模型
      这篇教程是向脚本之家的朋友介绍3DSMAX制作超现实的体育馆模型方法,教程制作出来的体育馆模型非常地不错,不过教程有点难度,需要有一定基础的朋友学习,推荐到脚本之家,喜欢的朋友可 ... [详细]
    • 本文介绍了如何在AngularJS应用中使用ng-repeat指令创建可单独点击选中的列表项,并详细描述了实现这一功能的具体步骤和代码示例。 ... [详细]
    • 在项目冲刺的最后一天,团队专注于软件用户界面的细节优化,包括调整控件布局和字体设置,以确保界面的简洁性和用户友好性。 ... [详细]
    • JavaScript 页面卸载事件详解 (onunload)
      当用户从页面离开时(如关闭页面或刷新页面),会触发 onunload 事件,此时可以执行预设的脚本。需要注意的是,不同的浏览器对 onunload 事件的支持程度可能有所不同。 ... [详细]
    • 默认情况下,Git 使用 Nano 编辑器进行提交信息的编辑,但如果您更喜欢使用 Vim,可以通过简单的配置更改来实现这一变化。本文将指导您如何通过修改全局配置文件来设置 Vim 作为默认的 Git 提交编辑器。 ... [详细]
    • 探索Java 11中的ZGC垃圾收集器
      Java 11引入了一种新的垃圾收集器——ZGC,由Oracle公司研发,旨在支持TB级别的内存容量,并保证极低的暂停时间。本文将探讨ZGC的开发背景、技术特点及其潜在的应用前景。 ... [详细]
    • 本文探讨了使用普通生成函数和指数生成函数解决组合与排列问题的方法,特别是在处理特定路径计数问题时的应用。文章通过详细分析和代码实现,展示了如何高效地计算在给定条件下不相邻相同元素的排列数量。 ... [详细]
    • 在Notepad++中配置Markdown语法高亮及实时预览功能
      本文详细介绍了如何在Notepad++中配置Markdown语法高亮和实时预览功能,包括必要的插件安装和设置步骤。 ... [详细]
    • 探讨如何在映射文件中处理重复的属性字段,以避免数据操作时出现错误。 ... [详细]
    • 如何辨别华为手机的不同屏幕分辨率?
      了解华为手机屏幕分辨率的区别及其识别方法对于提升用户体验至关重要。本文将详细介绍如何通过手机设置中的显示选项来查看和区分不同型号华为手机的屏幕分辨率。 ... [详细]
    • 本文详细介绍了使用MAX7219芯片驱动单个8x8 LED点阵的仿真过程。MAX7219作为一款高效的LED显示驱动器,广泛应用于各种工业控制面板、商业广告牌及DIY项目中,能够显著提升显示效果。 ... [详细]
    • Unity美洲技术总监Carl Callewaert探讨游戏引擎与动作捕捉技术
      Carl Callewaert,现任Unity美洲区技术总监,以其幽默和专业著称,拥有超过十年的游戏开发及教育经验。在UNITE 2016 Shanghai会议中,他不仅展示了Unity引擎的先进特性和最新研究进展,还以其独特的即兴说唱技能给观众留下了深刻印象。 ... [详细]
    • 项目经理的角色与职责解析
      本文探讨了项目经理的核心职责,结合个人项目管理和PMBOK指南的经验,深入分析了项目管理的基本概念及其与运维、战略规划之间的关系。 ... [详细]
    • 本文详细介绍了如何在最新版本的Xcode中重命名iOS项目,包括项目名称、应用名称及相关的文件夹和配置文件。通过本文,开发者可以轻松完成项目的重命名工作。 ... [详细]
    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社区 版权所有