HTML5 CSS3 （动画/语义化标签/插件/HTML5新增API）

JavaScript 、CSS 实现动画的区别：

JS :  帧动画 

CSS :补间动画

帧动画: 使用定时器每隔一段时间更改当前元素的状态
补间动画: 通过过渡(只要状态发生改变产出动画) 产生动画(多个节点来控制动画),性能会更好

注意： 在支持H5C3的的浏览器尽可能使用css3动画(便于移动端开发)
 

 

border-images ：有浏览器兼容问题

border-images ：url   切割距离/边框宽度  平铺方式       

                            url（....）   167px/20px   round      自动填充宽高内容，四个角保留位置

border-images-slice 切割位置上下左右;一个数字值默认切割的四个边都一样，一般切割为九宫格形式（上下左右四刀）

border-images-repeat 平铺： round（环绕）  stretch（拉伸）   repeat（平铺）

 

 

 

语义化标签：

指使用语义恰当的标签，使页面有良好的结构，让页面元素有含义，便于被浏览器、搜索引擎解析、利于SEO。

 （反对页面大篇幅使用无语义化的div+span+class，而鼓励使用HTML定义好的语义化标签。）

// html中语义化标签：
 body, article, nav, aside, section, header, footer, hgroup,h1-h6 ，address

//css也有语义化 ，一般指的是 class和ID命名的语义

更多语义化标签：MDN

作用：

        1.从开发角度考虑是提高代码的可读性可维护性-

       .2 网站的发布者: 便于 seo搜索引擎优化<