前端開發(fā)這個行業(yè)發(fā)展飛速，特別是即將普遍的HTML5，本文將整理HTML5的基本使用。對于HTML5的新增屬性，
網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了北海免費建站歡迎大家使用！
1，新DOCTYPE
還在使用那個討厭的的標(biāo)準(zhǔn)doctype？試試下面這個
<！DOCTYPE HTML >
- 標(biāo)簽（圖元素）
This is an image of something interesting.
small重新定義
不久前，我使用了標(biāo)簽來創(chuàng)建與logo相關(guān)的副標(biāo)題。但是在HTML5中重新定義了標(biāo)簽，使之更能表現(xiàn)語義化，在的字號都會變小，想想如果這個標(biāo)簽用于網(wǎng)站的底部的版權(quán)信息還是個不錯的做法。
- 去掉了Javascript和CSS標(biāo)簽的type屬性
在HTML5中，不再需要type屬性了，因為這顯得有點多余，去掉之后可以讓代碼更為簡潔。
是否使用雙引號
Start the reactor.?
使網(wǎng)頁內(nèi)容可以編輯
Break mechanical cab driver
- 電子郵件輸入框
HMTL5中新增了一個輸入框的電子郵件屬性，可以檢測輸入的內(nèi)容是否符合電子郵件的書寫格式，功能越來越強大了吧，在HTML5之前只能依靠JS來檢測。雖然內(nèi)置的表單驗證功能很快就會成為現(xiàn)實，但這個屬性很多瀏覽器都還不支持，只會當(dāng)作普通的文本輸入框來處理。
占位符
本地存儲
HTML5的本地存儲功能，可以讓現(xiàn)代瀏覽器“記住”我們輸入的，就算瀏覽器關(guān)閉和刷新也不會受影響。雖然這個功能有些瀏覽器不支持，但是IE8, Safari 4, 還有 Firefox 3.5還是支持這個功能的，你可以測試下。自己是一個五年的全棧工程師，這里推薦一下我的前端學(xué)習(xí)交流君羊：前面是四八四，中間七五七，最后七六零，群里會不定期更新最新的教程和學(xué)習(xí)方法，有想學(xué)習(xí)web前端的，或是轉(zhuǎn)行，或是大學(xué)生，還有工作中想提升自己能力的web前端黨歡迎加入，
?
- 更有語義的header和footer
- 標(biāo)題群( hgroup)
Recall Fan Page
Only for people who want the memory of a lifetime.
- 必填項屬性
前端人員肯定做過不少表單驗證的項目，其中很重要的一點就是有些輸入框的內(nèi)容是必須填寫的，這里就需要使用Javascript來檢查。在HTML5中，新增了一個“必須填寫”的屬性：required。
- 自動獲取焦點
同樣的，HTML5也不再需要Javascript來解決輸入框的自動獲取焦點，如果某個輸入框應(yīng)當(dāng)被選擇或是獲取到輸入焦點，HTML5新增了自動獲取焦點屬性autofocus：
- 音頻播放的支持
HTML5中提供了
為什么會有兩種格式的音頻文件？因為Firefox和Webkit瀏覽器所支持的格式存在差異，F(xiàn)irefox只能支持.ogg文件，而Webkit只支 持.mp3的文件，解決的辦法就是創(chuàng)建兩個版本的音頻文件，這樣就可以兼容Firefox和Webkit的瀏覽器了，需要注意的是IE不支持該標(biāo)簽。
- 視頻播放的支持
和
- 預(yù)加載視頻
- 顯示控件
顯示控件屬性可以給視頻添加一個播放暫停的控件，需要注意的是每個瀏覽器顯示的效果可能會有些差異。
- 使用正則表達式
在HTML5中，我們可以直接使用正則表達式。
- 檢測瀏覽器對HTML5屬性的支持
由于各瀏覽器對HTML5屬性的支持度不同，這就造成了一些兼容問題。但是可以使用方法來檢測該瀏覽器是否支持這些屬性，上例中的代碼如果要檢測pattern屬性是否被瀏覽器識別，可以使用Javascript代碼來檢測。
alert( 'pattern' in document.createElement('input') ) // boolean;
- Mark標(biāo)簽
標(biāo)簽用于高亮顯示那些需要在視覺上向用戶突出其重要性的文字，包裹在此標(biāo)簽里的字符串必須與用戶當(dāng)前的行為相關(guān)。例如，如 果我在一些博客中搜索“Open your Mind” ，我可以使用在標(biāo)簽里使用JavaScript?來包裹每一次動作。
Search Results
They were interrupted, just after Quato said, "Open your Mind". - 該如何正確的使用div標(biāo)簽
有些人可能會有疑問，有了
重慶分公司
重慶分公司
