学习HTML5的一些小的建议

HTML5开发模式的特点来说,从它们诞生之日起就开始了不断的争论,孰好孰坏,今天环球青藤小编为大家分享学习HTML5的相关建议,一起来看看吧!

第1个回答  2020-09-25

1、如何禁止用户旋转设备


这里其实是想告诉你在浏览器里办不到,因为禁止开发者阻止浏览器的orientationchange事件。



2、禁用自动识别电话号码


在开发项目的时候,我们经常会用到一些数字或者就是电话号码,但是又不想系统自动识别让用户可以直接拨打,我们只需要在标签之间加入即可,但是有些特殊情况我们需要可以用户直接拨打。


3、盒子边框溢出


当我们指定了一个块级元素时,并且为其定义了边框,设置了其宽度为100%。按照盒子模型,就会发现该元素的左右边框各1个像素会溢了,导致出现横向滚动条,这时候我们可以为其添加-webkit-box-sizing:border-box用来指定该盒子的大小包括边框的宽度。


4、ios数字颜色样式超过9位后失控


这个问题我不知道该怎么描述,就是在ios中,当数字超过9位数时,浏览器会给这个数字默认加上一个颜色,无论你设置什么颜色都无效。


5、iOS可禁止用户在新窗口打开页面


在项目开发中,有时我们需要某个链接在当前页面打开,这样需要禁止用户在新窗口打开页面,我们可以使用a标签的target=”_self”指定在当前页面打开,但是在iOS中长按链接一段时间后,系统会弹出一个对话框,用户可以通过点击”在新页面中打开”来在新窗口打开页面,这样我们指定的target属性就失效了,但是可以通过指定当前元素的-webkit-touch-callout属性为none来禁止iOS弹出这些按钮。


6、CSS3绘图和CSS3动画


在html5和css3的世界里,很多图片都是多余的,我们可以尽情发挥自己的想象,让CSS3替代不必要的图片不必要的JavaScript,另外做CSS3动画时最好将动画代码提取出来单独命名。


以上是环球青藤小编为考生整理的学习HTML5的一些小的建议,希望对大家有帮助!更多HTML5相关内容尽在本平台,记得及时查看哦!

大家正在搜