Html5的一些常用标签

在说html5的标签之前，有必要说一下什么是html5！

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的新一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。通俗的说，html就是第五代的html。

语义化标签

• <header></header>:定义文档的头部区域
• <nav></nav>：定义导航链接的部分
• <main></main>:定义文档的主体部分。
• <section></section>： 定义文档中的节（section、区段）。
• <footer></footer>：定义 页面 的页脚。
• <aside></aside>：定义页面的侧边栏内容。
• <article></article>：定义一个文章区域

结构性标签

<details></details>：用于描述文档或文档某个部分的细节。

<figure></figure>：规定独立的流内容（图像、图表、照片、代码等等）。

<time></time>: 定义公历的时间或日期，时间和时区是偏移可选的

<progress></progress>: 进度条，但不适合用来表示度量衡

表单标签

Datalist: 可以与input新属性list一起使用来创建组合框，双击input的时候可以提供选项让用户选择类似历史记录一样。

<input list="browsers">
<datalist id="browsers">
  <option value="Safari"> </option>
  <option value="Internet Explorer"> </option>
  <option value="Opera"> </option>
  <option value="Firefox"> </option>
</datalist>

Input类型 email

email类型用于应该包含e-mail地址的输入域

在提交表单时，会自动验证email的域值

Input类型 url

url类型用于应该包含URL地址的输入域

在提交表单时，会自动验证url的值

Input类型 number

number类型用于应该包含数值的输入域

您能够设定对所接受的数字的限定

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

Input类型 range

range类型用于应该包含范围内数字值的滚动条

range类型 显示为滚动条

<input type="range" name="points" min="1" max="10" />

Input类型 Date Pickers(日期选择器)

date   选取日、月、年

mouth  选取月、年

week  选取周、年

time  选取时间（小时和分钟）

datetime  选取时间、日、月、年（UTC时间）

datetime-local  选取时间、日、月、年（本地时间）

Input类型 search(搜索)

search类型用于搜索域

search显示为常规的文本域

Input类型 color

选取颜色   默认颜色  value="#ffffff"

Input类型   tel(电话号码)

定义用于输入电话号码的字段

autofocus属性

autofocus属性规定在页面加载时，域自动的获得焦点

autofous适用于所有的<input/>标签

required属性

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

tips:即使不被支持，仍然显示为常规的文本域