*學(xué)習(xí)筆記
link擴展
link是引入外部文件的一個作用
添加網(wǎng)址標題欄前的小圖標：
<link?rel="icon"?type="/image/x-icon"?>
meta標簽擴展
meta是添加輔助信息，優(yōu)化和渲染的作用
charset屬性： ?<meta?charset="UTF-8">
name屬性：
????????描述 ?<meta name="description" content="這是添加的網(wǎng)站描述">
????????針對雙內(nèi)核產(chǎn)生的一個渲染<meta name="renderer" content="webkit">
????????關(guān)鍵字 <meta name="keywords" ?content="美食，酒店，團購">
3秒自動跳轉(zhuǎn) 或刷新<meta?http-equiv="refresh"?content="3"?url="">?
H5?新語義化標簽
????header?頁眉
????footer?頁腳
????main???主體
????hgroup?標題組合
????nav????導(dǎo)航
?????article，用于定義定義頁面上下相對獨立的信息區(qū)域。
?????section元素，用于定義一個內(nèi)容區(qū)域。
?????aside，用于定義article信息相關(guān)聯(lián)信息。
?????details元素，用于描述頁面中文檔的某部分細節(jié)信息。
?????detalist元素，用于定義數(shù)據(jù)集合，通常與input元素結(jié)合使用。
?????progress?進度條
H5表單擴展
?empty-cells:?hide; ?/*隱藏空單元*/
?border-collapse:?collapse;/*添加表格單線*/
新input控件
????email?郵件地址輸入框
????url?網(wǎng)址輸入框
????number?數(shù)值輸入框
????range?滑動條
????date/month/week?日期控件
????search?搜索框
????color?顏色控件
????tel?電話號碼輸入框
????time?時間空間
? <form?action="http://www.baidu.com">
????<!--<input?type="email">-->
????<!--<input?type="url">-->
????<!--<input?type="number"?min="0"?max="10"?value="8"-->
????<!--<input?type="range">-->
????<!--<input?type="date">-->
????<!--?<input?type="month">-->
????<!--?<input?type="week">-->
????<!--<input?type="search">-->
????<!--<input?type="color">-->
????<!--<input?type="tel">-->
????<!--?<input?type="time">
????????<input?type="submit">
????</form>
? 新的表單屬性
????autocomplete?自動補全?默認值為?on
????autofocus?獲取焦點
????required?不能為空
????pattern?正則驗證
????placeholder?提示
????<form?action="http://www.baidu.com">
????????<input?type="text"?name="username"?autocomplete="off"?autofocus?required>
????????<input?type="submit">
????</form>
