|
你可以借助這一段Javascript代碼來修復(fù)IE更好的解析HTML5
<script mce_src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
12. 標(biāo)題群( hgroup)
這個(gè)類似于第二點(diǎn)技巧。如果用h1和h2標(biāo)簽分別表示網(wǎng)站的名稱和副標(biāo)題，但這會(huì)讓兩個(gè)本義上密切相關(guān)的標(biāo)題并沒有關(guān)聯(lián)起來。這個(gè)時(shí)候可以使用<hgroup>標(biāo)簽將它們組合起來，這樣代碼會(huì)更有語義。
<header>
<hgroup>
<h1> Recall Fan Page </h1>
<h2> Only for people who want the memory of a lifetime. </h2>
</hgroup>
</header>
13. 必填項(xiàng)屬性
前端人員肯定做過不少表單驗(yàn)證的項(xiàng)目，其中很重要的一點(diǎn)就是有些輸入框的內(nèi)容是必須填寫的，這里就需要使用Javascript來檢查。在HTML5中，新增了一個(gè)“必須填寫”的屬性：required。required屬性有兩種使用方法，第二種方法顯得更有結(jié)構(gòu)性，而第一種更簡(jiǎn)潔。
<input type="text" name="someInput" required>
<input type="text" name="someInput" required="required">
有了這個(gè)屬性，使表單的提交驗(yàn)證變得更簡(jiǎn)單了，看看下面簡(jiǎn)單的例子：
<form method=post>
<label for=someInput> your name: </label>
<input id=someInput type=text name=someInput placeholder="Douglas Quaid" required="required">
<button type="submit">Go</button>
</form>
如果輸入框?yàn)榭�，表單將無法提交成功。
14. 自動(dòng)獲取焦點(diǎn)
同樣的，HTML5也不再需要Javascript來解決輸入框的自動(dòng)獲取焦點(diǎn)，如果某個(gè)輸入框應(yīng)當(dāng)被選擇或是獲取到輸入焦點(diǎn)，HTML5新增了自動(dòng)獲取焦點(diǎn)屬性autofocus：
<input type="text" name="someInput" placeholder="douglas quaid" required="required" autofocus="autofocus">
autofocus也同樣可以寫成”autofocus=autofocus”，這樣看起來標(biāo)準(zhǔn)些，這個(gè)根據(jù)自己的個(gè)人喜好而定。
出處：
責(zé)任編輯：bluehearts
上一頁 22個(gè)HTML5的初級(jí)技巧 [3] 下一頁 22個(gè)HTML5的初級(jí)技巧 [5]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 4 頁 22個(gè)HTML5的初級(jí)技巧 [4]
