HTML的目录列表和菜单列表有什么区别?
1.目录列表标记<dir>
目录列表一般用来创建多列的目录列表,它在浏览器中的显示效果与无序列表相同,因为它的功能也可以通过无序列表来实现。
语法:
<dir> <li>列表项</li> <li> 列表项 </li> <li>列表项</li> ······ </dir>
说明:
在该语法中,<dir>和</dir>标志着目录列表的开始和结束。
举例:
<html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312"/> <title> 目录列表</title> </head> <body> <p>列表</p> <dir> <li>无序列表</li> <li>有序列表</li> <li>目录列表</li> <dir> </body> </html>
在代码中
<dir>
<1:1>无序列表</li>
<1土>有序列表</li>
<1:1>目录列表</li>
</dir>
部分的标记为设置目录列表,在浏览器中预览,可以看到目录列表效果, 如图5.9所示。
2.菜单列表标记<menu>
菜单列表主要用于设计单列的菜单列表。菜单列表在浏览器中的显示效果和无序列表是相同的,因为它的功能也可以通过无序列表来实现。
语法:
<menu> <li>列表项</li> <li>列表项</li> <li>列表项</li> </menu>
说明:
在该语法中,<menu>和</menu>标志着菜单列表的开始和结束。
举例:
<html> <head> <meta http-equiv="content-type" content="text/html, charset=gb2312"/> <title>菜单列表</title> </head> <body> 文学作品: <menu> <li>诗词歌赋</li> <li>散文精选</li> <li>言情小说</li> <li>武侠小说</li> </menu> </body> </html>
在代码中
<menu>
<li>诗词歌赋</li>
<li>散文精选</li>
<li>言情小说</li>
<li>武侠小说</li>
</menu>
部分的标记是设置菜单列表,在浏览器中预览效果,如图5.10所示。
本文内容摘取于《网页制作》,仅供参考学习用途!