当前位置: 开发笔记 > 编程语言 > 正文

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

作者：撩人的东莞博文 | 来源：互联网 | 2020-09-07 21:27

这边文章主要的讲述了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社区其它相关文章！

html
php

推荐阅读

php
QUIC协议：快速UDP互联网连接

QUIC（Quick UDP Internet Connections）是谷歌开发的一种旨在提高网络性能和安全性的传输层协议。它基于UDP，并结合了TLS级别的安全性，提供了更高效、更可靠的互联网通信方式。 ... [详细]

蜡笔小新 2024-12-28 12:33:18
sum
深入理解OAuth认证机制

本文介绍了OAuth认证协议的核心概念及其工作原理。OAuth是一种开放标准，旨在为第三方应用提供安全的用户资源访问授权，同时确保用户的账户信息（如用户名和密码）不会暴露给第三方。 ... [详细]

蜡笔小新 2024-12-28 12:07:46
sum
2023 ARM嵌入式系统全国技术巡讲

2023 ARM嵌入式系统全国技术巡讲旨在分享ARM公司在半导体知识产权(IP)领域的最新进展。作为全球领先的IP提供商，ARM在嵌入式处理器市场占据主导地位，其产品广泛应用于90%以上的嵌入式设备中。此次巡讲将邀请来自ARM、飞思卡尔以及华清远见教育集团的行业专家，共同探讨当前嵌入式系统的前沿技术和应用。 ... [详细]

蜡笔小新 2024-12-28 11:58:48
sum
国内BI工具迎战国际巨头Tableau，稳步崛起

尽管商业智能（BI）工具在中国的普及程度尚不及国际市场，但近年来，随着本土企业的持续创新和市场推广，国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争，国内BI工具通过不断优化产品和技术，赢得了越来越多用户的认可。 ... [详细]

蜡笔小新 2024-12-28 11:12:44
function
深入理解 Oracle 存储函数：计算员工年收入

本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程，并提供完整的代码示例。 ... [详细]

蜡笔小新 2024-12-28 09:49:42
function
2018回顾与2019展望

本文总结了2018年的关键成就，包括职业变动、购车、考取驾照等重要事件，并分享了读书、工作、家庭和朋友方面的感悟。同时，展望2019年，制定了健康、软实力提升和技术学习的具体目标。 ... [详细]

蜡笔小新 2024-12-28 09:10:26
function
四载相伴，与51CTO学院共成长

在计算机技术的学习道路上，51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域，51CTO学院始终是我信赖的学习平台。 ... [详细]

蜡笔小新 2024-12-28 08:20:07
input
PHP 编程疑难解析与知识点汇总

本文详细解答了 PHP 编程中的常见问题，并提供了丰富的代码示例和解决方案，帮助开发者更好地理解和应用 PHP 知识。 ... [详细]

蜡笔小新 2024-12-28 12:22:34
input
极大似然估计（MLE）及其3D可视化解析

本文详细介绍了极大似然估计（Maximum Likelihood Estimation, MLE）的推导过程，并通过3D可视化展示其在概率密度函数中的应用。我们将探讨如何利用MLE来估计参数，以及它在实际问题中的重要性。 ... [详细]

蜡笔小新 2024-12-28 12:03:58
input
解决 IIS 中 PHP 页面无法访问的问题

本文介绍如何解决在 IIS 环境下 PHP 页面无法找到的问题。主要步骤包括配置 Internet 信息服务管理器中的 ISAPI 扩展和 Active Server Pages 设置，确保 PHP 脚本能够正常运行。 ... [详细]

蜡笔小新 2024-12-28 11:54:54
import
Python 异步编程：深入理解 asyncio 库（上）

本文介绍了 Python 3.4 版本引入的标准库 asyncio，该库为异步 IO 提供了强大的支持。我们将探讨为什么需要 asyncio，以及它如何简化并发编程的复杂性，并详细介绍其核心概念和使用方法。 ... [详细]

蜡笔小新 2024-12-28 11:52:00
import
周期性出现的时间戳字段异常问题

探讨一个老旧 PHP MySQL 系统中，时间戳字段不定期出现异常值的问题及其可能原因。 ... [详细]

蜡笔小新 2024-12-28 11:46:54
python
QBlog开源博客系统：Page_Load生命周期与参数传递优化（第四部分）

本教程将深入探讨QBlog开源博客系统的Page_Load生命周期，并介绍一种简洁的参数传递重构方法。通过视频演示和详细讲解，帮助开发者更好地理解和应用这些技术。 ... [详细]

蜡笔小新 2024-12-28 10:39:53
python
优化ListView性能

本文深入探讨了如何通过多种技术手段优化ListView的性能，包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]

蜡笔小新 2024-12-28 10:36:30
import
PyCharm下载与安装指南

本文详细介绍如何从官方渠道下载并安装PyCharm集成开发环境（IDE），涵盖Windows、macOS和Linux系统，同时提供详细的安装步骤及配置建议。 ... [详细]

蜡笔小新 2024-12-28 09:42:41

撩人的东莞博文

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章