DIV CSS 佈局教程網

你可以借助這一段Javascript代碼來修復IE更好的解析Html5

12. 標題群( hgroup)

這個類似於第二點技巧。如果用h1和h2標簽分別表示網站的名稱和副標題，但這會讓兩個本義上密切相關的標題並沒有關聯起來。這個時候可以使用<hgroup>標簽將它們組合起來，這樣代碼會更有語義。

13. 必填項屬性

前端人員肯定做過不少表單驗證的項目，其中很重要的一點就是有些輸入框的內容是必須填寫的，這裡就需要使用Javascript來檢查。在Html5中，新增了一個“必須填寫”的屬性：required。required屬性有兩種使用方法，第二種方法顯得更有結構性，而第一種更簡潔。

有了這個屬性，使表單的提交驗證變得更簡單了，看看下面簡單的例子：

如果輸入框為空，表單將無法提交成功。

14. 自動獲取焦點

同樣的，Html5也不再需要Javascript來解決輸入框的自動獲取焦點，如果某個輸入框應當被選擇或是獲取到輸入焦點，Html5新增了自動獲取焦點屬性autofocus：

autofocus也同樣可以寫成”autofocus=autofocus”，這樣看起來標准些，這個根據自己的個人喜好而定。

<input type="text" name="someInput" placeholder="douglas quaid" required="required" autofocus="autofocus">

<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>

<input type="text" name="someInput" required>

<header>
<hgroup>
<h1> Recall Fan Page </h1>
<h2> Only for people who want the memory of a lifetime. </h2>
</hgroup>
</header>

<script mce_src="http://Html5shim.googlecode.com/svn/trunk/Html5.JS"></script>

<input type="text" name="someInput" required="required">