1.前端响应式头文件
<meta name="viewport" content="width=device-width,initial-scale=1">
2.<!DOCTYPE html>
的确切含义
html5标准网页声明,支持H5标准的主流浏览器都认识这个声明
3.baseline
的确切含义
基线解释:为了规范英语书写设了四条线,第三条就是baseline, 基线对齐主要是为了两个控件中显示的英文单词的基线对齐
4.HTML5新特性
- 绘画
<canvas>
- 用于媒介回放的
<video>
和<audio>
- Web Storage的本地存储localStorage和会话存储sessionStorage
- 语意化更好的内容元素
<article> <aside> <footer> <header> <nav> <section> <hgroup>
- 表单控件:
<calendar> <date> <time> <email> <url> <search>
- 新的技术webworker,websocket,Geolocation
5.CSS3新特性
- 圆角(
border-radius:8px
) - 阴影(
box-shadow:10px
) - 文字特效(
text-shadow
) - 线性渐变(
gradient
) - 旋转,缩放,定位,倾斜(
transform
) - 过渡(
transition
) - 多背景
rgba
6.sessionStorage 和 localStorage
- localStorage的生命周期是永久的
常用于长期登录/判断用户是否已登录
- sessionStorage的生命周期是在仅在当前会话下有效
敏感账号一次性登录