HTML5新增标签

HTML5新增元素

在以前的HTML中，都是由很多的<div>组成，而html5中新增了一些语义化标签，这些语义化标签相对来说更加通俗易懂，并且使代码的可读性也提高不少，也更加利于后期的代码维护，接下来列举一些常用的HTML5新增标签。

1.<header>:块元素，用于表示页面或某个区域的头部，在一个文档中可以定义多个

2.<nav>:块元素，用于表示导航栏.

3.<article>:块元素，用于表示文章或其他可独立页面存在的内容

4.<aside>:块元素，用于表示侧边栏的内容

5.<footer>:块元素，用于表示底部，在文档中也可以定义多个

6.<section>:用于表示一个整体的一部分主题

以上6个为结构化标签，接下来再列举一些表单元素

1.email:验证email格式，输入内容完成后将鼠标悬停在input框中，会提示“缺少@”或者“输入不完整”等

<input type="email">

2.url：验证url的格式，鼠标悬停时会提示“请输入网址”

<input type="url">

3.range:滑块形式，并且可以设置最大值max、最小值min、当前值value，默认范围为1-100，但是并不会显示当前数值

<input type="range" min="1" max="50" value="10">

4.number：可以点击↑或者↓来选择数字，并且可以设置最大值max以及最小值min

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

还有可供选择日期的

1.date：选取日、月、年

<input type="date"  />

2.month：选取月、年

<input type="month"  />

3.week： 选取周和年

<input type="week"  />

4.time：选取时间（小时和分钟）

<input type="time"  />

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

<input type="datetime-local"  />

这些东西其实在w3school上都有，有需要的人可以去搜索参考