|
19. 使用正則表達式
在HTML5中，我們可以直接使用正則表達式。
<form method=post action="">
<label for="username">create a username: </label>
<input id="username" type="text" name="username" placeholder="4 <> 10" required="required" autofocus="autofocus" pattern="[A-Za-z]{4,10}">
<button type="submit">Go </button>
</form>
20. 檢測瀏覽器對HTML5屬性的支持
由于各瀏覽器對HTML5屬性的支持度不同，這就造成了一些兼容問題。但是可以使用方法來檢測該瀏覽器是否支持這些屬性，上例中的代碼如果要檢測pattern屬性是否被瀏覽器識別，可以使用Javascript代碼來檢測。
alert( 'pattern' in document.createElement('input') ) // boolean;
其實這是確定瀏覽器兼容常用的方法，jQuery庫就經(jīng)常使用這種方法。上面的代碼中創(chuàng)建了一個input標簽，并檢測pattern屬性是否被瀏覽器支持，如果能支持的話，瀏覽器就支持這個功能，否則就不支持。
<script>
if (!'pattern' in document.createElement('input') ) {
// do client/server side validation
}
</script>
21. Mark標簽
<mark>標簽用于高亮顯示那些需要在視覺上向用戶突出其重要性的文字，包裹在此標簽里的字符串必須與用戶當前的行為相關。例如，如果我在一些博客中搜索“Open your Mind” ，我可以使用在<mark>標簽里使用JavaScript 來包裹每一次動作。
<h3> search results </h3>
<h6> They were interrupted, just after Quato said, <mark>"Open your Mind"</mark>. </h6>
22. 該如何正確的使用div標簽
有些人可能會有疑問，有了<header>和<footer>等這些標簽，<div>標簽在HTML5中還有用嗎？答案是肯定的，比如你想創(chuàng)建一個能包裹特殊內(nèi)容的容器自由靈活的<div>肯定是首選，而你要創(chuàng)建一篇文章或者一個導航菜單，建議你使用更有語義的<article>和<nav>標簽。
很多人認為HTML5可能還是很遙遠的事，所以直接無視，其實不然，現(xiàn)在很多網(wǎng)站都已經(jīng)開始使用HTML5了，事實上，HTML5的一些新增屬性和功能是讓代碼變得更簡潔，這總歸是一件好事，應該值得我們推崇。最后感謝你閱讀了這篇HTML5的入門級文章，希望能為你進一步學習HTML5提供一些幫助。
原文：http://stylechen.com/22-html5-tips.html
本文鏈接：http://m.95time.cn/tech/web/2010/8160.asp 
出處：
責任編輯：bluehearts
上一頁 22個HTML5的初級技巧 [5] 下一頁
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 6 頁 22個HTML5的初級技巧 [6]
