<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
padding: 0
margin: 0
}
ul {
width: 100%
height: 40px
background-color: green
}
li {
list-style-type: none
width: 100px
height: 40px
float: left
margin-left: 40px
}
a {
text-decoration: none
color: black
display: inline-block
line-height: 40px
text-align: center
transition: transform 2s
}
a:hover {
background-color: pink
transform: rotateX(90deg)
}
</style>
</head>
<body>
<ul>
<li><a href="">UI设计培训</a></li>
<li><a href="">PHP培训</a></li>
<li><a href="">网络营销培训</a></li>
<li><a href="">前端开发培训</a></li>
<li><a href="">c++培训</a></li>
<li><a href="">IOS培训</a></li>
<li><a href="">Android培训</a></li>
<li><a href="">云计算培训</a></li>
</ul>
</body>
</html>
HTML5新特性如下：
1、脱机缓存。您可以在关闭浏览器并再次打开时还原数据，以减少网络流量。
2、音频和视频可以自由嵌入，多媒体形式更加灵活。
3、地理位置。地理位置定位使得定位导航不再是专属导航软件，地图也不需要下载很大的地图包。它可以通过缓存、去哪里、去哪里以及更灵活的方式来解决。
4、画布绘制提高了移动平台的绘制能力。canvas API可以用来绘制一个简单的热点地图来收集用户体验数据，并支持对图像的移动、旋转、缩放等常规编辑。
5、丰富的互动方式。提高交互能力：拖动、撤消历史 *** 作、文本选择等。
6、与原生app相比，开发维护成本低。降低开发和维护成本；？使页面更小，减少用户不必要的开销；性能更好，功耗更低。
7、CSS3视觉设计师的辅助利器支持。CSS3支持字体嵌入、布局和最令人印象深刻的动画功能。
8、HTML5调用相机、相册和通讯录的功能。
扩展资料：
2014年10月29日，万维网联盟宣布，HTML第五次重大修订，经过近8年的努力，标准规范终于完成。HTML5旨在支持移动设备上的多媒体。引入了新的语法特性来支持这一点，如视频、音频和画布标记。HTML5还引入了一些新功能，这些功能可以真正改变用户与文档交互的方式，包括增强灵活性的新解析规则、新属性、过时或冗余属性等。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）