标准建站之web设计与开发常见错误(2)

　　为什么？没有语义并且难以使用。阅读设计易用的表单，优秀、易用的表单，和重设和取消按钮，看如何设计友好和易用的标单。（JunChen注：使用Reset按钮会增加用户思考的时间，并且误按情况屡屡发生）

过时的HTML

　　多层嵌套的表格，透明的spacer图片，<font>标签，表现层的标签。其实这个大家都已经知道了。
为什么？增加复杂度，让整个页面代码臃肿冗余，不易理解，对搜索引擎不友好。

一切向IE看齐

　　IE优先，做完了再看看其他浏览器里如何，有问题再调整。
　　为什么？浪费时间，并且这个习惯不好。IE会默认接受很多错误的代码，所谓“容错性”。而其实IE也接受良好结构的HTML，并且在其他浏览器里都正常，这也不会浪费很多时间。更多信息看IE真相。

不合法的HTML属性

　　使用不推荐的属性或者只能在特定浏览器里生效的属性，诸如marginwidth，leftmargin，language，给<table>加height，给<img>加border等等。
　　为什么？不合法并且没必要。你可以使用CSS。对于<script>标签，使用 type，而不是language，来指明脚本语言（一般是JavaScript）。

没有编码的“&”

　　很多URI带有变量和没有编码的“&”符号。这不正确，并且可能会造成很多问题。 “&”符号必须要写成&。
　　为什么？在“&”符号和验证一文中可以找到解释和一个会引起错误的例子。

框架

　　使用框架来分割浏览器窗口并且加载数个独立的文件。
　　为什么？首先我要说的是，框架可能比较实用，前提是你正确的使用了，比如说在内联网和一些web应用程序中。而对于一个网站来说，框架有很多易用性和可用性方面的问题。比如加入收藏夹的问题、打印问题以及链接问题，并且对搜索引擎不友好。因为机器人在多个框架页里面工作比较有问题。

数据表格的误用

　　Table本来就是用来放置表格状的数据，不能像布局表格一样去写，而是可以用很多自带的标签和属性来使表格结构化和语义化。
　　为什么？屏幕阅读器和其他辅助技术在阅读这些错误的数据表格时会有问题。很多文章都介绍了如何写出结构化的数据表格，如Web Standards Project的A table, s’il vous plaît

Divitis和classitis

　　相对于<span>癖，Divitis和classitis就是用了太多不必要的Div和class。
　　为什么？参看“<span>癖”和“缺乏语义”部分。

过宽的固定宽度

　　如果你使用的是固定宽度的布局，请不要设定的过宽。说明：在这里我并不是说固定布局和浮动布局孰优孰劣。
　　为什么？如果你指定的宽度宽于浏览者的屏幕，就等于强迫出现水平滚动条，那极不友好。

含糊不清的和带表现含义的class、id名

　　如何给class或id命名，取决于它是干嘛的而不是它看起来像什么、在哪里。
　　为什么？为了避免你重新设计时候容易产生的混淆。比如一个名为largeblue的class，你却用来用来让字变得“小”和“红”，一个名为leftcol的id你却用来显示在右边。

没有背景色

　　没有给body指定背景色。
　　为什么？很多用户会把浏览器设置成其他的背景色，如果你不写明的话。

非良好结构（well-formed）的XHTML

　　使用非良好结构（well-formed）的XHTML。
　　为什么？如果XHTML被服务器伺服为application/xhtml xml，严格的浏览器，如Mozilla系列，就不会显示那些非良好结构的XHTML。说明一下，本网站并没有把所有望也伺服为application/xhtml xml，理由我在另外一篇文章里说明：Content negotiation.

text input颜色设定遗漏

　　只给表单区域指定背景色或者文字颜色，特别是当行或多行文字域（input type="text"和textarea）。
为什么？ 有些人把他们的浏览器或操作系统设置成反色，默认情况下一个text input就会显示为黑底白字，而不是你想要的白底黑字。
　　如果你把文字颜色设置成深灰色，又不指明背景色，在反转了颜色的浏览器中，就会显示为黑色背景的深灰色字，一团糟。反之同理。
　　总记住设定前景和背景色，或者记得要设定文字输入域。
　　这些都是你应该要注意的问题，很长？如果你都避免了这些错误，那么你已经做得很好了。如果你已经犯了其中的一个或多个错误，嗯，我真觉得有点内疚。最后希望本文能够帮助你在以后的工作中少犯错误。

　　原文：Web development mistakes, redux
　　http://www.456bereastreet.com/lab/web_development_mistakes/
　　翻译：JunChen

关键词：

【推荐给好友】【关闭】

最新五条评论

查看全部评论

评论总数 0 条

您的评论

用户名： （新注册） 密　码： 匿名：

·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有