html5新特性以及如何避免图片在网页上失真

1.html5新特性

1.1：语言化标签：header、nav、section、article、aside、footer

1.2：多媒体标签：video、audio

1.3：input类型：number、search、email、tel、date、file、time、url

1.4：本地离线存储：localStorage长期存储数据，改变浏览器数据不会丢失。sessionStorage浏览器关闭数据会丢失

1.5：自定义属性：daya-*

1.6：画布：canvas

1.7：webscoket：双向通信协议

2.字体图标

2.1：字体图标是一种特殊的字体，通过这种字体，显示给用户看，就像一个个图片一样

2.2：字体图标最大的好处，在于它不会变形和加载速度快。字体图标可以像文字一样，随意通过css来控制大小和颜色，对于建网站来说，非常方便

3.图片失真

首先查看是否是素材的原因，如果是素材的原因可以找Ul修改图片。如果是前端代码的问题，需要通过容器尺寸去控制