本文共 664 字，大约阅读时间需要 2 分钟。

HTML5新增元素

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

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

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

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

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

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

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

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

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

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

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

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

还有可供选择日期的

1.date：选取日、月、年

2.month：选取月、年

3.week： 选取周和年

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

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

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

转载地址：http://pzrgn.baihongyu.com/