1. 程式人生 > >html5 中新新增的標籤以及新增表單型別

html5 中新新增的標籤以及新增表單型別

一html5新增標籤

1.主體結構元素包括 article、section、nav、aside、time
article定義來自外部的內容
外部內容可以是來自一個外部的新聞提供者的一篇新的文章,或者來自 blog 的文字,或者是來自論壇的文字。亦或是來自其他外部源內容。

<article>
<a href="http://www.apple.com">Safari 5 released</a><br />
7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC, 
Apple announced the release of Safari 5 for Windows and Mac......
</article
>
<aside> 標籤定義 article 以外的內容。aside 的內容應該與 article 的內容相關。 <p>Me and my family visited The Epcot center this summer.</p> <aside> <h4>Epcot Center</h4> The Epcot Center is a theme park in Disney World, Florida. </aside> <time> 標籤定義日期或時間,或者兩者。 <p>
我們在每天早上 <time>9:00</time> 開始營業。 </p> <p> 我在 <time datetime="2008-02-14">情人節</time> 有個約會。 </p> <section> 標籤定義文件中的節(section、區段)。比如章節、頁首、頁尾或文件中的其他部分。 <section> <h1>PRC</h1> <p>The People's Republic of China was born in 1949...</p>
</section> 2.非主體結構元素包括 header、hgroup、footer、address <address> 標籤定義文件作者或擁有者的聯絡資訊。 使用 <hgroup> 標籤對網頁或區段(section)的標題進行組合:

二. html5新增表單型別

我們以前學過的表單元素包括“text”、“button”、“file”、"radio"等,html5中新增加了一些表單元素,下面列出這些元素及其作用

email 型別用於驗證email的格式,當提交表單時會自動驗證email域的值
url 型別用於驗證 URL 地址的格式,當提交表單時會自動驗證url域的值
number 型別會根據你的設定提供選擇數字的功能,min屬性設定最小值、max屬性設定最大值,value屬性設定當前值,step屬性設定每次增長的值,某些瀏覽器還不支援
range 型別用於應該包含一定範圍內數字值的輸入域,其會以一個滑塊的形式展現,min屬性設定最小值、max屬性設定最大值,value屬性設定當前值,如果沒有設定,則其預設值的範圍是1-100
日期和時間型別:HTML5 擁有多個可供選取日期和時間的新輸入型別: 
date - 選取日、月、年
month - 選取月、年
week - 選取周和年
time - 選取時間(小時和分鐘)
datetime - 選取時間、日、月、年(UTC 時間)
datetime-local - 選取時間、日、月、年(本地時間)
search 型別用於搜尋域,比如站點搜尋或 Google 搜尋,為其加上results="s"屬性,則會在搜尋框前面加上一個搜尋圖示
tel型別用於驗證輸入的是否是電話格式的內容,此元素現在還沒有瀏覽器支援
color型別會提供一個顏色拾取器,供使用者選擇顏色,並將使用者選擇的顏色填充到此元素中