0

0

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

寻∝梦

寻∝梦

发布时间:2018-08-23 17:40:41

|

7535人浏览过

|

来源于php中文网

原创

这边文章主要的讲述了html5 menu标签的定义和用法实例,有实例和实例结果在,这让我们学习的时候更加简单了,所以,请认真的阅读本篇关于html5 menu标签的文章吧

html5 menu标签的定义和用法:

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

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

HTML5

标签实例

立即学习前端免费学习笔记(深入)”;

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


 
  • HTML5中的menu标签的两种使用方法:

    1.menu标签定义菜单列表

    menu元素在HTML4.01中已不被赞成使用,在现在的HTML5中,menu元素已被重新定义,该元素中的列表项同样可使用 li 标签来标记。

    menu标签定义菜单列表,菜单列表通常用于文本菜单,工具条和命令列表选项,当希望列出表单控件时可使用该标签。menu菜单列表在浏览器中显示效果和无序列表是相同的,在这一点上的功能也可以通过无序列表来实现。

    tuyi.png

    运行结果:

    tuer.png

    html5 menu标签的新属性:

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

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

    • list:默认值。规定一个列表菜单。一个用户可执行或激活的命令列表(li元素)。

    • toolbar:规定一个工具栏菜单。主动式命令,允许用户立即与命令进行交互。

    • contextmenu:规定一个上下文菜单,当用户右击元素时将显示上下文菜单。

    2.HTML5的menu菜单标签

    代码示例

    右击一下
    
        
        
    

    html5 menu标签的代码解析:

    eMart 网店系统
    eMart 网店系统

    功能列表:底层程序与前台页面分离的效果,对页面的修改无需改动任何程序代码。完善的标签系统,支持自定义标签,公用标签,快捷标签,动态标签,静态标签等等,支持标签内的vbs语法,原则上运用这些标签可以制作出任何想要的页面效果。兼容原来的栏目系统,可以很方便的插入一个栏目或者一个栏目组到页面的任何位置。底层模版解析程序具有非常高的效率,稳定性和容错性,即使模版中有错误的标签也不会影响页面的显示。所有的标

    下载

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

    上例标签的contextmenu属性值即为

    属性id的值;

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

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

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

    标签下可以有多个

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

    运行结果如下:

    tusan.png

    html5 menu标签的提示和注释:

    提示:请使用 CSS 来设置菜单列表的样式!

    HTML 4.01 与 HTML5 之间的差异

    在 HTML 4.01 中已弃用

    元素。

    在 HTML5 中重新定义了

    元素。

    HTML 与 XHTML 之间的差异

    在 HTML 4.01 中,menu 元素不被赞成使用。

    在 XHTML 1.0 Strict DTD 中,menu 元素不被支持。

    本篇文章到这里就结束了,如果有什么问题,可以在下方提问

    【小编的相关文章】

    html sup和sub标签怎么用?html sup标签和sub标签的定义和用法实例

    html5 details标签的作用是什么?

    标签的使用方法介绍(附使用实例)

    相关文章

    HTML速学教程(入门课程)
    HTML速学教程(入门课程)

    HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

    下载

    相关标签:

    本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    相关专题

    更多
    高德地图升级方法汇总
    高德地图升级方法汇总

    本专题整合了高德地图升级相关教程,阅读专题下面的文章了解更多详细内容。

    43

    2026.01.16

    全民K歌得高分教程大全
    全民K歌得高分教程大全

    本专题整合了全民K歌得高分技巧汇总,阅读专题下面的文章了解更多详细内容。

    84

    2026.01.16

    C++ 单元测试与代码质量保障
    C++ 单元测试与代码质量保障

    本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法,包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程,以及常见代码质量问题的发现与修复。通过工程化示例,帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。

    24

    2026.01.16

    java数据库连接教程大全
    java数据库连接教程大全

    本专题整合了java数据库连接相关教程,阅读专题下面的文章了解更多详细内容。

    35

    2026.01.15

    Java音频处理教程汇总
    Java音频处理教程汇总

    本专题整合了java音频处理教程大全,阅读专题下面的文章了解更多详细内容。

    16

    2026.01.15

    windows查看wifi密码教程大全
    windows查看wifi密码教程大全

    本专题整合了windows查看wifi密码教程大全,阅读专题下面的文章了解更多详细内容。

    56

    2026.01.15

    浏览器缓存清理方法汇总
    浏览器缓存清理方法汇总

    本专题整合了浏览器缓存清理教程汇总,阅读专题下面的文章了解更多详细内容。

    16

    2026.01.15

    ps图片相关教程汇总
    ps图片相关教程汇总

    本专题整合了ps图片设置相关教程合集,阅读专题下面的文章了解更多详细内容。

    9

    2026.01.15

    ppt一键生成相关合集
    ppt一键生成相关合集

    本专题整合了ppt一键生成相关教程汇总,阅读专题下面的的文章了解更多详细内容。

    26

    2026.01.15

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    相关下载

    更多

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程
    HTML5/CSS3/JavaScript/ES6入门课程
    HTML5/CSS3/JavaScript/ES6入门课程

    共102课时 | 6.7万人学习

    HTML+CSS基础与实战
    HTML+CSS基础与实战

    共132课时 | 9.6万人学习

    前端开发(基础+实战项目合集)
    前端开发(基础+实战项目合集)

    共60课时 | 3.8万人学习

    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送

    Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号