HTML5新增哪些功能

随着HTML5的优势被越来越多的开发者所知晓，目前大部分的web程序员都会使用这个较新的标准，采用HTML5进行开发，它能让网页制作从布局到细节处理都更加的灵活，可以创建更好的网页结构，拥有更加丰富的标签，对媒体播放、编辑、存储等有更好的支持方式，与此同时兼容性也更强。那么，除此之外，HTML5还新增哪些功能？对此问题，天津app开发-文率科技给出如下详细解答。

一、新的 menu和figure标记

新的menu标记不仅能够被用作普通的菜单，与此同时还可以用在工具条和右键菜单上，虽然这些东西在网页上使用的频率并不是很高，但是偶尔用到还是可以帮助开发者节省一部分时间的。类似的，新的标记是一种更较好的管理页面上文字和图像的方式，当然，你可以用样式表来控制文字和图像，不过相比之下，天津app开发-文率科技还是觉得使用HTML5内置的这个标记会更加的适合。

二、新的header和footer标记

HTML5的出现对于web程序员而言帮助真的很大，而随着HTML5的出现，相应的header和footer等新标记也在不断地涌现，而这些新的标记为什么会出现呐？其主要原因是由于HTML5的设计要能够更好的描绘网站的解剖结构，而这些新标记是专门为标志网站的这些部分设计的。利用HTML5技术进行网站开发，在开发网站时，无需你在使用div标记来标注网页的这些部分。

三、Audio 和Video 支持

长期从事开发工作的站长应该都清楚的知道，在HTML5还没有出现在互联网之前，网页开发过程总通常需要依靠第三方插件来渲染音频，然而，随着HTML5的出现，在HTML5中，元素被引进来后，我们可以使用audio元素来渲染音频。并且，在HTML5中，不仅新增渲染音频的元素，同时也新增了支持视频的元素video。

四、占位符 (Placeholder)

在HTML4或XHTML中，通常情况下，需要用JavaScript来给文本框添加占位符，如：通过脚本设置，当用户开始输入时，文本框中的文字就消失。而随着HTML5的出现，在HTML5中新增的“placeholder”功能可以很简单的，轻松的帮助开发真很好的解决该问题。

五、用Range Input来创建滑块

HTML5引用的range类型可以创建滑块，它接受min， max， step和value属性，可以使用css的:before和:after来显示min和max的值。

六、新的表单类型

新的form和forminput标记对原有的表单元素进行的全新的修改，它们有很多的新属性(以及一些修改），如：

1、email

email 类型用于应该包含 e-mail 地址的输入域。在提交表单时，会自动验证 email 域的值。

2、url

url 类型用于应该包含 URL 地址的输入域。在提交表单时，会自动验证 url 域的值。

3、range

search 类型用于搜索域，比如站点搜索或 Google 搜索。search 域显示为常规的文本域。