兼容性 合理性 效率 安全性 分離 簡化 通用性 無插件
html5新標簽
結構標簽：<article>集中的文章內(nèi)容 <section>內(nèi)容區(qū)塊 <aside>側邊欄(或做目錄) <footer>尾標簽
<header>頭部標簽 <main>主體(頭主尾標簽使用一次) <nav>導航
<header></headder>
<nav></nav>
<main>
<article>
<section></section>使用時必須有標題黍匾，不能進行樣式設定，盡量不用
</article>
<aside></aside>
</main>
<footer></footer>
行內(nèi)標簽：
下載進度條：<progress max="" min="" step=""(間隔數(shù))></progress>***
時間：<time datetime="時間格式" pubdate(發(fā)布時間)></time>
非結構性標簽： *** volume音量 行內(nèi)塊
<audio>音頻 <video>視頻 <embed>嵌入 <sourc> 源 <canvas>畫布(繪畫)
<audio autoplay(自動播放呛梆，默認不播放)
controls="controls"(控制面板、控制播放) loop(無限循環(huán)播放)>
<source src="" type="audio/mp3"/>
當前文件不支持(不支持時顯示該文字)
</audio>
<video autoplay controls>
<source src="" type="video/mp4"/>
</video>
<embed src=""></embed>
表單新特性：(動態(tài)表單)
<form action="" method="post">
搜索框<input type="seach"/>類似文本框磕诊，只是在輸入文字時有個×填物，可點擊刪除出入的內(nèi)容
電話號碼<input type="tel"/> 后期與屬性pattern連用 pattern="[0-9]{6}"(正則表達式)
日期控件<input type="date" name=""/> 年/月/日
<input type="month" name=""/>年/月
<input type="week"/> 年/周(今年的第幾周)
<input type="time"/> 小時/分
取色板<input type="color" name=""/>
最大值最小值<input type="number" max="20" min="2" value="6" step="這里的值要根據(jù)默認來設置、間隔要到最小值得跨步為整數(shù)（如value=4 min=1 step=3或1）霎终；value=6 min=2 step=4/2"/> step取值可為負滞磺、0、正
滑塊<input type="range" max="80" min="0" value="60" step=""/> 默認大小width=129px height=21px,最大最小值設置看不出來莱褒，只顯示value值击困；IE10以上兼容
郵件地址的輸入<input type="email" name=""/> 提交表單時會自動驗證email域值
URL地址的輸入<input type="url" name=""/>
</form>
屬性：1.placeholder 顯示提示文字
2.autofocus 自動獲取焦點
3.datalist(數(shù)據(jù)列，類似下拉列表)，與input綁定
<input type="text" list="lie"/>
<datalist id="lie">
<option value="1"></option>
<option value="2"></option>
</datalist>
4.required 應用input上阅茶，寫上屬性后蛛枚、不輸入字段無法提交(必填項)
5.disabled 禁用
6.readonly 只讀
7.pattern 輸入的內(nèi)容按照正則表達式 <input type="text" pattern="[0-9]{6}" title="輸入錯誤"/>
網(wǎng)頁優(yōu)化
超鏈接用純文本 title屬性應用 flash動畫與圖片超鏈接最好不用
<meta name="description" content="告訴搜索引擎你的站點主要內(nèi)容"/>
<meta name="keywords" content="向搜索引擎說明你的網(wǎng)頁關鍵詞"/>
圖片應用title、alt屬性 無意義的圖片脸哀、alt屬性寫空：alt=""
制作網(wǎng)站地圖
