HTML5 是最新的 HTML 标准。
使用HTML5只需要用<!DOCTYPE html>
,DOCTYPE告诉浏览器使用哪个版本的HTML规范来渲染文档。
1 新增语义化标签:<article>
<aside>
<nav>
<header>
<footer>
2 input新增的type属性 button
checkbox
radio
reset
submit
text
3 WebSocket 一种全双工通信协议,相对http协议来说是一个持久化的协议。它在浏览器和服务器之间建立一条长连接直接交换数据。
(全双工通信:双向同时通信,即通信的双方可以同时发送和接收信息)
4 canvas标签 用于绘制图像(通过脚本,通常是 JavaScript)
5 sessionStorage 和 localStorage
CSS3 是最新的 CSS 标准。
1 选择器 nth-child(n),frist-child 等
2 box-shadow 阴影
3 border-raduis 边框的圆角
4 transform 变形 ( 包括 移动translate、缩放scale 和 旋转rotate 等)
5 transition 过渡
6 rem单位,vw、vh单位
7 animation 动画
Transition 和Animation区别
transition 强调过渡,需要触发一个事件,比如鼠标触碰、点击。
animation不需要触发任何事件也可随时间变化达到一种动画效果;而且可以通过 @keyframe 控制当前帧属性,更灵活。