【HTML5】交互元素menu&command元素

1.交互元素<menu>
1.1源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>菜单交互元素</title>
<style type="text/css">
body{
	padding:5px;
    font-size:14px
}
menu{
	padding:0;
    margin:0;
    display:block;
    border:solid 1px #365167;
    width:510px
}
menu li{
	list-style-type:none;
    padding:5px;
    margin:5px;
    height:100px;
    width:500px
}
menu li:hover{
	border:1px #7DA2CE;
    background-color:#CFE3FD
}
menu li img{
	clear:both;
    folat:left;
    padding-right:8px;
    margin-top:-2px
}
menu li span{
	padding-top:5px;
    float:left;
    font-size:13px
}
</style>
</head>

<body>
<menu>
	<li>
    	<img src="img/qq.png"></img>
        <span>QQ图标</span>
    </li>
    <li>
    	<img src="img/weixin.png"></img>
        <span>微信图标</span>
    </li>
    <li>
    	<img src="img/sougou.png"></img>
        <span>搜狗浏览器图标</span>
    </li>
</menu>
</body>
</html>
View Code