HTML5 01

标签：

兼容性：
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。**


语义标签

header标签定义文档的页眉。

nav 标签定义导航链接的部分。

footer 标签定义页脚。

它们和之前的DIV差不多，但是这样更加有利于搜索引擎搜索到(seo)。



article定义标签定义独立的内容
>     <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>



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


----------
section 标签定义文档中的节

    <section>
      <h1>PRC</h1>
      <p>The People‘s Republic of China was born in 1949...</p>
    </section>


<section>
  <h1>PRC</h1>
  <p>The People‘s Republic of China was born in 1949...</p>
</section>


datalist 定义下拉列表，必须加上input

<input type="text" list="cars" />
<datalist id="cars">
  <option >1</option>
  <option >2</option>
  <option >3</option>
</datalist>



progress 表示下载进度

<progress max="100" value="50"></progress>


<time> 标签定义公历的时间

<p>我们在每天早上 <time>9:00</time> 开始营业。</p>




audio定义音频
<audio src="someaudio.wav">
您的浏览器不支持 audio 标签。
</audio>

如果不支持，则显示里面的内容



video标签定义视频

<video src="movie.ogg" controls="controls">
您的浏览器不支持 video 标签。
</video>


如果不支持，则显示里面的内容



HTML5 的新的表单属性

autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。

E-mail: <input type="email" name="email"/>
自动实现邮箱的验证



required 属性规定必须在提交之前填写输入域（不能为空）。

Name: <input type="text" name="usr_name" required="required" />




placeholder 属性提供一种提示，输入域所期待的值。获得焦点后，消失。

<input type="search" name="user_search"  placeholder="Search W3School" />



autofocus 属性规定在页面加载时，域自动地获得焦点。（程序最先出现的，执行最先出现的。）

User name: <input type="text" name="user_name"  autofocus="autofocus" />




novalidate 属性规定在提交表单时不应该验证 form 或 input 域。

    <form action="demo_form.asp" method="get" novalidate="true">
    E-mail: <input type="email" name="user_email" />
    <input type="submit" />
    </form>




pattern属性规定用于验证 input 域的模式
表示只能输入A-z，只能是3位数。
    Country code: <input type="text" name="country_code"
     pattern="[A-z]{3}" title="Three letter country code" />






在购物车，添加数量的时候，可以用到添加、减少数量

    name:<input type="number" min="1" max="10"/>

HTML5 01

标签：

原文地址：http://www.cnblogs.com/bellow/p/4639703.html