我们知道html5是近几年随着市场的演变新出的，但是很多前端只停留在html4.0的div环节(一个网页全是div)，这就有点娄碧了，这里将持续整理一些你不知道的html5的骚操作。 
 <!-- 拨号 -->
 <a href="tel:10086">打电话给: 10086</a><!-- 发送短信 -->
 <a href="sms:10086">发短信给: 10086</a><!-- 发送邮件 -->
 <a href="mailto:839626987@qq.com">发邮件给：839626987@qq.com</a><a href="weixin://">打开微信</a>
 <a href="alipays://">打开支付宝</a>
 <a href="alipays://platformapi/startapp?saId=10000007">打开支付宝的扫一扫功能</a>
 <a href="alipays://platformapi/startapp?appId=60000002">打开支付宝的蚂蚁森林</a><!-- 选择照片或者拍摄照片 -->
 <input type="file" accept="image/*"><!-- 选择视频或者拍摄视频 -->
 <input type="file" accept="video/*"><!-- 多选 -->
 <input type="file" multiple> // 禁止长按图片保存
 img {
   -webkit-touch-callout: none;
   pointer-events: none; // 像微信浏览器还是无法禁止，加上这行样式即可
 }// 禁止长按选择文字
 div {
   -webkit-user-select: none;
 }// 禁止长按呼出菜单
 div {
   -webkit-touch-callout: none;
 }