1. 程式人生 > >CSS瀏覽器前綴,HTML5新增標簽

CSS瀏覽器前綴,HTML5新增標簽

tran require kit 標簽 數量 sid 插件 底部 文字

1.瀏覽器樣式前綴

為了讓CSS3樣式兼容,需要加上
例如:-ms- 兼容IE瀏覽器
-moz 兼容Firefox
-webkit- 兼容chrome和safari
div{
-ms-transform:rotate(30deg);
...........
}

2.自動添加瀏覽器前綴

目前的狀態是,有些CSS3屬性需要加前綴,有些不需要加,有些只需加部分,可以用插件,安裝autoprefixer

3.HTML5新增標簽

(1)<header> 頁面頭部、頁眉
(2)<nav>頁面導航
(3)<article>一篇文章
(4)<section>文章中的章節
(5)<aside>側邊欄

(6)<footer>頁面底部、頁腳

(7)音頻視頻
<audio>
<video>

(8)PC端兼容h5的新標簽的方法,在頁面中引入以下js文件

(9)HTML5新增表單控件
新增類型:
網址 type="url" 郵箱Email 日期date 時間time 星期week 數量number 範圍range 電話tel 顏色color 搜索search

<label>網址:</label><input type="url" name="" required>

新增常用表單控件屬性:

placeholder 設置文本框默認提示文字
autofocus 自動獲得焦點 //自動激活輸入框
autocomplete 聯想關鍵字 //輸入框自動聯想,一般不用

CSS瀏覽器前綴,HTML5新增標簽