您当前的位置:365bet > HTML5 / CSS3 >

生活中犯365bet体育错误是正常的

发布时间:2019-11-26 17:01编辑:admin1阅读(

      生活中犯错误是正常的,没有人不会犯错误,更何况是开发人员呢?今天我们就来卡看看开发人员在编写 HTML 和 CSS 时最常犯的六大错误有哪些。

      开发人员经常用placeholder属性代替label元素。但是,在这种写法下,使用屏幕阅读器的用户无法填写字段,因为屏幕阅读器无法从placeholder属性中读取文本。365bet体育在线

      因此,我建议用label元素显示字段名称,而placeholder应该作为例子显示在用户需要填充的数据中。

      我经常看到开发人员混淆装饰图片和内容图片。365bet体育在线例如,他们会使用img元素来显示社交图标。

      然而,社交图标是装饰性图标,其目的是帮助用户迅速理解元素的含义,而无需阅读文本。即便我们删除这些图标,元素的含义也不会消失,365bet体育在线所以我们应该使用background-image属性。

      如果利用resize属性来禁止textarea调整大小,那么你就破坏了可访问性。因为用户无法舒适地输入数据。

      你应该使用min-width、max-width、min-height以及max-height属性,这些属性可以限制元素的大小,而且用户也可以舒舒服服地输入数据。

      但是,浏览器会默认设置block。因此,你无需为absolute或fixed的元素设置这个值。也就是说,以下代码的结果与上述代码完全相同。

      无法通过键盘访问网站;链接打不开;无法注册等等。出现这些情况是因为开发人员将outline属性设置成了none值,因此元素无法聚焦。

      开发人员经常使用HTML空元素来调整元素的样式。例如,利用空div或span元素来显示导航栏菜单。

      其实,你可以使用 ::before和 ::after伪元素达成同样的效果。