18910140161

HTML5新增加标签和功能概述

顺晟科技

2021-06-16 10:55:09

251

HTML5不再是SGML的子集,主要增加了图像、定位、存储、多任务等功能。HTML5是HTML4的升级版。相比后者,HTML5增加了网页的表现力,也增加了表单、本地数据等新功能。对于我们的网站建设来说,是一次全新的体验,也是一次机遇,因为HTML5中很多功能的创新和改革,对我们未来的网站建设是一个很好的指导。

绘画CANVAS;

播放媒体的视频和音频元素;

本地离线存储localstorage长期存储数据,关闭浏览器后数据不丢失;浏览器关闭后,会话存储数据会自动删除;

语义更好的内容元素,如文章、页脚、页眉、nav、节;

表单控件,其类型属性包括日历、日期、时间、电子邮件、URL和搜索;

去掉的元素是:纯表现元素:basefont,big,center,font,s,strike,TT,u;对可用性有负面影响的元素:框架、框架集、无框架;

支持html5新标签:ie8/ie7/ie6支持document.createElement方法生成的标签。这个特性可以用来让这些浏览器支持HTML5新标签。浏览器支持新标签后,需要添加标签的默认样式。

其中input标签增加了许多新属性,我来列举一下:

为输入、选择、文本区域和按钮指定自动对焦属性。它允许元素通过指定属性在页面加载后自动获得焦点。页面中只有一个元素可以具有自动对焦属性。如果同时设置多个元素,个将生效。当输入框获得焦点时,提示字符消失。

这个属性对于登录页面非常有用,可以提升用户体验。有时登录页面只有用户名和密码。页面加载后,用户必须在输入之前手动定位输入框。有了自动对焦,可以打开页面直接输入。

更大值、最小值和步长属性被添加到日期选择器、数字和输入范围中。max属性指定输入字段允许的更大值。

min属性指定输入字段允许的最小值。

step属性为输入字段指定合法的数字间隔。(如果step='3 ',合法数字应该是-3,0,3,6,等等。)步长属性可以与max相同

和最小属性来创建一系列合法值。

pattern属性

Pattern属性用于验证输入字段的模式,它实际上是一个正则表达式。编写js绑定定期验证非常方便。

模式属性适用于文本、搜索、网址、电话、电子邮件和密码的输入。

例如,输入框被定义为“[A-z]{3}”,这是一个包含三个Pattern的正则表达式约束。如果输入不合法,我们会看到如下效果。

multiple属性

多重属性指定可以在输入字段中选择多个值。

多重属性适用于电子邮件和文件的输入。允许一次上传多个文件。

以上是边肖介绍的HTML5新增标签和功能的概述,希望对大家有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢大家对脚本之家网站的支持!

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航