H5新特性须知
2019-04-19 本文已影响1人
尼禄祭
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的生命周期是在仅在当前会话下有效
敏感账号一次性登录
