前端的入门现在基本是由hml和css组合写静态页面开始，w3school官方已经推出Hhtml5和css3新特性了，让前端开发者书写起来比较容易、简单，不过作为一个好的前端开发者更要遵循w3c官方标准去开发。

一、HTML5

1.添加视频Video和音频Radio标签

2.添加canvas画布和svg渲染矢量图片

3.添加input表单控件（datetime、datetime-local、week、date、month、time）、color、email、number、range、search、tel、url。

4.添加web存储功能， localStorage本地离线可长期存储数据，浏览器关闭后数据不丢失，sessionStorage数据在浏览器关闭后自动删除。

5.添加地理位置定位功能Geolocation

6.添加语义化更好的内容标签hrader、footer、nav、section、article、aside、detailes、summary、dialog。

7.添加拖拽释放Drag and drop

8.添加web worker是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。

9.添加WebSocket

二、css3

1.添加边框属性：border-radius圆角、border-image圆角图片

2.添加阴影属性：box-shadow框阴影、text-shadow文本阴影

3.添加字体属性：@font-face字体、text-wrap自动换行、text-overflow检索当当前行超过指定容器的边界

4.添加选择器：E:last-child 匹配父元素的最后一个子元素、E:nth-child(n)匹配父元素的第n个子元素、E:nth-last-child(n) CSS3 匹配父元素的倒数第n个子元素E。

5.添加背景属性：background-size图片设置大小、background-origin设置定位区域、background-clip背景颜色的绘制区域、background-break控制背景怎样在这些不同的盒子中显示。

6.添加转换属性（translate、rotate、scale、skew、matrix、transform）、3D转换（rotateX、rotateY）

7:添加动画属性：Transition、Transform、Animation

8.添加媒体查询：@media

9.添加多列布局