H5的新特性 1.語義化標簽 2.表單新特性 3.多媒體視頻(video)和音頻(audio) 4.web存儲 C3的新特性 1.選擇器:屬性選擇器E[attr],偽類選擇器E:nth-child(n),空偽類E:empty ,排除偽類E:not(selector) 2.顏色:新增了RGBA、HSL ...
H5的新特性 1.語義化標簽
- 有利於SEO,有助於爬蟲抓取更多的有效信息,爬蟲是依賴於標簽來確定上下文和各個關鍵字的權重。
- 語義化的HTML在沒有CSS的情況下也能呈現較好的內容結構與代碼結構
- 方便其他設備的解析
- 便於團隊開發和維護
- sessionstorage:關閉瀏覽器清空數據,儲存大小約5M。
- localstorage:永久生效,存儲大小20M,多視窗下都可以使用
- 都只能儲存字元串
- 通過 background-size 設置背景圖片的尺寸。
- 通過 background-origin 可以設置背景圖片定位(background-position)的參照原點。
- 通過background-clip,可以設置對背景區域進行裁切,即改變背景區域的大小。
- translate 設置元素的位置(x/y坐標)
- scale 設置元素的縮放比例(x/y兩個方向)
- rotate 設置元素旋轉(正值為順時針,負值為逆時針)
- transform-origin 設置轉換元素的原點
- 透視(perspective)值為1000px~1200px
- 將2D元素轉換為3D立體(給父元素設置)transform-style: perserve-3d;
- 設置元素背面是否可見 backface-visibility: hidden;
- 定義關鍵幀 @keyframes
- 通過百分編寫幀
- 在各幀中分別定義各屬性
- 通過animation將動畫應用於相應元素
- 變數聲明:let作用:聲明變數,塊級作用域,必須先聲明後使用,在同一個塊內不允許重覆命名,沒有變數提升。const作用:聲明常量,聲明的同時必須賦值,不能被重新賦值
- 解構賦值
- 模板字元串,支持換行
- 函數擴展,箭頭函數