DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> HTML5的初級技巧 之第二課
HTML5的初級技巧 之第二課
編輯:HTML5詳解     

5. 是否使用雙引號

這有點讓人糾結,Html5並不是XTHML,你可以省去標簽中的雙引號。相信大多數同志也包括我都習慣了加上雙引號,因為這讓代碼看起來會更標准。不過,這可以根據你的個人喜好來確定是到底要不要雙引號。

 

 

6. 使網頁內容可以編輯

7. 電子郵件輸入框

HMTL5中新增了一個輸入框的電子郵件屬性,可以檢測輸入的內容是否符合電子郵件的書寫格式,功能越來越強大了吧,在Html5之前只能依靠JS來檢測。雖然內置的表單驗證功能很快就會成為現實,但這個屬性很多浏覽器都還不支持,只會當作普通的文本輸入框來處理。

 

 

到目前為止,包括現代浏覽器在內都不支持該屬性,所以這個屬性暫時還是靠不住的。

8. 占位符

文本框中的占位符(看看本博的搜索框效果)有利於提升用戶體驗,之前,我們只能依靠JS來實現占位符的效果,在Html5中新增了占位符屬性placeholder。

 

 

同樣,目前的主流現代浏覽器對該屬性的支持不大好,暫時只有Chrome和Safari支持該屬性,Firefox和Opera不支持該屬性。

 

<input type="email" name="email" placeholder="doug@givethesepeopleair.com">

 

<form method=get>
   <label for="email">email:</label>
<input id="email" type="email" name="email">
  <button type="submit"> submit form </button>
</form>

 

<h6 id="someid" class="myclass"> start the reactor. </h6>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved