HTML <menu> 标签

实例

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

<menu type="toolbar">
 <li>
 <menu label="File">
 <button type="button" οnclick="file_new()">New...</button>
 <button type="button" οnclick="file_open()">Open...</button>
 <button type="button" οnclick="file_save()">Save</button>
 </menu>
 </li>
 <li>
 <menu label="Edit">
 <button type="button" οnclick="edit_cut()">Cut</button>
 <button type="button" οnclick="edit_copy()">Copy</button>
 <button type="button" οnclick="edit_paste()">Paste</button>
 </menu>
 </li>
</menu>

浏览器支持

IE Firefox Chrome
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Html 5 标签(按照英文字母a~z顺序排列): 1、<!--...--> 定义注释。 2、<!DOCTYPE> 定义文档类型。 3、<a> 定义超链接。 4、<abbr> 定义缩写。 5、<address> 定义地址元素。 6、<area> 定义图像映射中的区域。 7、<article> 定义外部的内容。 8、<aside> 定义article 以外的内容。 9、<audio> 定义声音内容。 10、<b> 定义粗体文本。 11、<base> 定义页面中链接的基准 URL。 12、<bdo> 定义文本显示的方向。 13、<blockquote> 定义摘自另一个源的块引用。 14、<body> 定义文档主体。 15、<br> 定义换行符。 16、<button> 定义按钮。 17、<canvas> 定义图形。 18、<caption> 定义表格标题。 19、<col> 定义表格列的属性。 20、<colgroup> 定义表格列的分组。 21、<command> 定义命令按钮。 22、<datalist> 定义下拉列表。 23、<dd> 定义定义的描述。 24、<del> 定义删除文本。 25、<details> 定义元素的细节。 声明:本电子书内容源于网络,所有内容仅供测试, 不保证内容的正确性! HTML 5中文参考手册 由夏天(博客:www.xiatianhk.com)收集并整理 26、<div> 定义文档中的一个部分。 27、<dl> 定义定义列表。 28、<dt> 定义一个定义列表里的项目。 29、<embed> 定义外部交互内容或插件。 30、<fieldset> 可将表单内的相关元素分组。 31、<figcaption> 定义 figure 元素的标题。 32、<figure> 定义媒介内容的分组。 33、<footer> 定义section/page的页脚。 34、<form> 定义表单。 35、<h1> --- <h6> 定义标题 1 到标题 6。 36、<head> 定义关于头部文档的信息。 37、<header> 定义文档的页眉。 38、<hgroup> 定义文档中的 section 信息。 39、<hr> 定义水平线。 40、<html> 定义 html 文档。 41、<i> 定义斜体文本。 42、<iframe> 定义行内的子窗口(框架)。 43、<img> 定义图像。 44、<input> 定义输入域。 45、<ins> 定义插入文本。 46、<keygen> 定义生成密钥。 47、<label> 定义表单控件的标注。 48、<legend> 定义 fieldset 中的标题。 49、<li> 定义列表的项目。 50、<link> 定义资源引用。 51、<map> 定义图像映射。 声明:本电子书内容源于网络,所有内容仅供测试, 不保证内容的正确性! HTML 5中文参考手册 由夏天(博客:www.xiatianhk.com)收集并整理 52、<mark> 定义有记号的文本。 53、<menu> 定义菜单列表。 54、<meta> 定义元信息。 55、<meter> 定义预定义范围内的度量。 56、<nav> 定义导航链接。 57、<noscript> 定义 noscript 部分。 58、<object> 定义嵌入对象。 59、<ol> 定义有序列表。 60、<optgroup> 定义选项组。 61、<option> 定义下拉列表中的选项。 62、<output> 定义输出的一些类型。 63、<p> 定义段落。 64、<param> 为对象定义参数。 65、<pre> 定义预格式化文本。 66、<progress> 定义任何类型的任务的进度。 67、<q> 定义短的引用。 68、<rp> 定义非ruby显示的内容。 69、<rt> 定义 ruby 注释的解释。 70、 <ruby> 定义 ruby 注释。 71、<script> 定义脚本。 72、<section> 定义文档中的节(section)。 73、<select> 定义可选列表。 74、<source> 定义媒介源。 75、<span> 定义文档中的节元素。 76、<style> 定义样式定义。 77、<sub> 定义下标文本。 声明:本电子书内容源于网络,所有内容仅供测试, 不保证内容的正确性! HTML 5中文参考手册 由夏天(博客:www.xiatianhk.com)收集并整理 78、<summary> 定义 details 元素的标题。 79、<sup> 定义上标文本。 80、<table> 定义表格。 81、<tbody> 定义表格的主体。 82、<td> 定义表格单元。 83、<textarea> 定义 textarea。 84、<tfoot> 定义表格的脚注。 85、<th> 定义表头。 86、<thead> 定义表头。 87、<time> 定义日期/时间。 88、<title> 定义文档的标题。 89、<tr> 定义表格行。 90、<ul> 定义无序列表。 91、<video> 定义视频。
好的,这里是修改后的HTML代码: ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>异常记录</title> <style> .main { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } </style> </head> <body> <div id="menu"> <ul> <li><a href="/">首页</a></li> <li><a href="/index2">登记数据</a></li> <li><a href="/history">查询数据</a></li> </ul> </div> <div id="main"> <h1>异常记录登记</h1> <form method="post" action="/submit"> <label>确认线别:</label> <input type="text" name="line"><br> <label>确认日期:</label> <input type="date" name="date"><br> <label>异常机种:</label> <input type="text" name="model"><br> <label>异常现象:</label> <textarea name="issue"></textarea><br> <label>生产日期:</label> <input type="date" name="prod_date"><br> <label>生产班别:</label> <input type="text" name="shift"><br> <label>生产线别:</label> <input type="text" name="prod_line"><br> <label>责任人:</label> <input type="text" name="responsible"><br> <input type="submit" value="提交"> </form> </div> <div class="container"> <div class="row"> <div class="col-md-4"> </div> <div class="col-md-8"> <h3>欢迎访问</h3> </div> </div> </div> </body> </html> ``` 修改说明: - 将 `<div id="menu">` 改为 `<ul>`,并把 `<li>` 标签包裹起来,使其符合语义。 - 为了使页面布局横向排列,添加了 `.main` 样式。 - 修复了部分标签的缺失和排列问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值