网页排版中10种致命的语义错误

所属分类: 网页制作 / 应用技巧 阅读数: 867
收藏 0 赞 0 分享

这是来自于Steven D编写的WEB前端开发设计要点的内容。
虽然许多设计师已非常熟练的使用了Web标准,让人遗憾的是有很多细节的排版处理仍然和传统的屏幕印刷要求背道而驰。这里有10种致命的语义错误的演示,把它们公布出来以避免您在网页排版中继续使用:

1、使用连字符而不要用一个em的虚线

使用em的虚线是现在的WEB编辑非常流行的做法。
2、使用句点,而不是省略号

这是一个专门的印刷方面的省略号标记(特别是在西欧字符中),由三个点组成,区别于中文里面的省略符号。
3、使用正确的引号

在引用的部分,你应该保留引号在需要的地方,这将表示该部分是授权使用还是部分免费的发布的。
4、严格控制句子之间的双倍间距

这是一个来源于ASCII时期的经典错误,双倍间距的句子已经没有人再使用了,请你注意这点。
5、对于版权符号的准确使用

使用错误的版权符号,不但侵犯了版权协议也可能对你的版权保护产生负面作用,你应该使用McCoy (©), 这才是标准版权符号。
6、句子中不要使用过多的强调表达

你可以使用粗体,斜体,或者部分下划线来强调你的内容,但是请不要在同一行内使用它们。
7、下划线标注的是您的超文本链接而不是其他内容

这样的内容并不会让阅读更为清楚,事实上读者根本搞不清他们有何重要,如果你一定要这么做,你可以尝试用border-bottom: solid 1px #00f;来代替上面的效果。
8、通过photoshop设计字体假的样式

如果你的字体并没有提供粗体,斜体等样式,请不要在photoshop中把他们制作成图片然后混到你的WEB排版中,这样做非常幼稚。
9、不要使用口音上的字符

当你使用某些其他国家语言的词汇时,特别是人名,请不要想当然的用口音来判断书写,这是很不礼貌的做法。
10、不要使用CSS来定义大写字符

大写字符首先是难以阅读的,如果不是作为装饰的需要,请尽量少的使用它们,特别是在整行的文字排版中。
更多精彩内容其他人还在看

出色的美工/网页设计人员需要掌握的7项技能

在互联网这行也有几年经验了,作为程序开发,经常和前端开发打交道,从和他们合作的过程中,我对美工或者网页设计有些认识,如何成为一个出色的,出类拔萃的前端开发,我觉得应该要做到下面7点
收藏 0 赞 0 分享

网页设计师需要的知识体系有哪些

设计师需要哪些体系呢
收藏 0 赞 0 分享

从四个方面谈谈Web标准的价值所在 附思维导图

清清楚楚的明白Web标准的价值!Web标准的价值相信没人会不知道,不理睬。可是具体能做什么,能不能很好的作为一个规范或者指标去诊断网站存在的问题,能不能列出一张清单,清清楚楚地看到它的价值呢
收藏 0 赞 0 分享

为什么要少用Iframe的几个原因分析

iframes 提供了一个简单的方式把一个网站的内容嵌入到另一个网站中。但我们需要慎重的使用iframe。iframe的创建比其它包括scripts和css的 DOM 元素的创建慢了 1-2 个数量级
收藏 0 赞 0 分享

百度网盟环境下的广告投放技巧(图文教程)

百度的广告投放是有技巧的.我们来谈一下吧
收藏 0 赞 0 分享

10件优秀Web开发者提升开发能力必知的事

开发工作不仅仅只是写代码,这句话来自3EV网站的Dan Frost,他在一篇文章中阐述了开发过程中应该注意的一些事项
收藏 0 赞 0 分享

不是中国才有的特色:文化差异下的网页开发

这是一篇老外写的博客,详述了他眼中因文化差异导致的网页开发问题。“特色”并不是只有中国才有,或许作为中国的设计师,也需要考虑到印尼特色、新加坡特色……
收藏 0 赞 0 分享

负距离(换位思考)-相互影响的迭代过程

产品经理把握功能 功能-指事物或方法所发挥的有利作用 .比如实用性,操作性
收藏 0 赞 0 分享

谈谈设计中的用户体验背后的8个用户本能

用户体验背后有哪些用户本能呢
收藏 0 赞 0 分享

交互设计中关于是选择分页还是加载的问题讲解

一篇文章是分页还是全捕出来是一个问题
收藏 0 赞 0 分享
查看更多