HTML5基础之四(新HTML5元素使用点滴摘要)

a标签中的rel

rel属性:relationship,意思是当前文档与外部资源的关系(例如外部资源是一个css文件,rel=”stylesheet”)

href锚点#id

 

wbr标签

作用类似br标签,只是让浏览器可以更加友好的处理换行,w我暂且理解为wise吧。效果对比如下:

 

bdo标签

bdi标签

可以保留当前文本的顺序(在碰到其他国家的文字和阿拉伯数字情况顺序有可能不是排列的那样,使用这个标签包裹可以正确排列)例如:

 

form表单enctype属性

属性值默认为:enctype=”application/x-www-form-urlencoded”(a=1&b=2 &拼接的键值对)

如果是上传文件enctype=”multipart/form-data”

另外一种enctype=”text/plain”这个属性谨慎使用,因为浏览器处理的方式各异

input元素有一个form属性,可以指定属于哪个form,所以HTML5里input元素不是必须包裹在form元素内部,外部的可以设置form属性指向。

password元素传递密码是明文的,为了安全需要使用https

 

input元素新增type

type=”image”,”search”,”tel”,”number”

 

还有一些特有的HTML5与手机交互(比如<a href=”tel:10086″>拨打电话</a>)

 

当然HTML5里面新增了很多元素以及客户端的验证支持正则,使用的时候可以先找一找,我的博客里面也会后续进行单独的整理。

 

css让遮罩层无感鼠标点击:pointer-events:none

作者:张雪飞
出处:https://zhangxuefei.site/p/1200
版权说明:欢迎转载,但必须注明出处,并在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

发表评论

电子邮件地址不会被公开。 必填项已用*标注