在郑州学易培训的高级ui设计课程过程中，包括html5+css3知识点，这是基于html+css更高的版本，可以用来实现网页的布局和动画特效等，现如今html5+css3已经普及到大大小小的网站，但是很多设计师只是临摹和借鉴被人的特效和代码，并不清楚为何这样使用和其中的利与弊，下面我们来一起了解一下

　　首先我们先来了解一下html5+css3的优势:

　　加载速度更快

　　网页的布局一般都是基于HTML5+DIV+CSS和TAB+CSS两种布局方式，这两种布局方式各有利弊，比如TAB+CSS傻瓜式操作，非常容易上手操作，但是网页加载速度过慢；而DIV+CSS需要掌握CSS属性和一定的布局技巧，并且学习成本较大，但是后期网页加载的速度很快，DIV+CSS将网页独立成更多的模块，在打开页面的时候，逐层加载

　　设计更有效率

　　使用HTML5+CSS3，方便了设计师后期的二次修改，在修改页面的时候更加简便，直接找到对应的DIV标签加载的选择器，调整属性即可，同时也不会对其它模块的视觉效果产生影响

　　视觉一致性

　　HTML5+CSS3更方便的一点是，可以让布局效果最接近的预览效果，即使是不同，也可以通过调整CSS属性来达到完美；但是TAB+CSS却很难完成这一点，因为表格里面默认是带有填充和间距的，使用过程中如果忘记清除此属性，就容易造成布局和预览无法一致

　　利于搜索引擎搜索

　　由于HTML代码和CSS代码完全的分开，HTML文档代码的结构和简洁性都有所提升，更方便了搜索引擎的收录和检索

　　接下来我们先来了解一下html5+css3的缺点

　　硬件要求较高

　　虽然HTML5+CSS3能够实现各种炫酷的动画和特效，但是相对应的对电脑的硬件要求以及浏览器的版本因为比较高，导致会丢失一部分的用户

　　兼容性较差

　　后期实战网页开发中个，一个网页往往需要引用多个CSS文件以及js文件，这样就会导致文件以及文件夹非常的庞大，如果中间出现某个CSS文件或者JS文件出现位置的异常，那么整个页面将会出现错乱甚至乱码的情况。另外一点就是现在浏览器众多，且没有统一的对CSS的识别标准，造成HTML5+CSS3的特效无法兼容一些浏览器

　　代码比较严谨

　　HTML5+CSS3里面的所有的代码都需要手动的书写，这样就造成了，设计师的工作量，且代码比较严谨，一个单词，一个符号都不能出错

　　W3C的标准

　　W3C的标准是衡量一个网页的布局是否合格的唯一标准，但是并不是所有的设计师都能做出符合W3C标准的网页，这样就容易造成浏览器无法完全兼容和搜索引擎不能正常收录

　　综合来说，HTML5+CSS3的还是很受设计师们的热衷的，在网页布局的时候，还是会首选HTML5+CSS3的，这是趋势，是时代进步的产物，互联网技术发展速度之快难以想象，兼容的问题开发者们会慢慢的完善

　　========郑州学易培训=========

　　【联系人】:韩老师