当标题不能显示完整的时候
作者:小毅 来源:毅博客 发布时间:2007-11-20 13:23:00
今天刚看到ChinaUI.com新改版的网站,觉得优艾网是越来越漂亮了,这次的变化的确是挺大的。一早大概的看了一下就关了,后来晚上又打开看时发现个问题。也就是标题因为设计的宽度问题所以没有显示全,看样子是使用程序来截字的。我想很多网站都遇到这样的情况。为了视觉效果不得不进行截字显示以满足网站的整体视觉效果。
通常我们采用截字的方法是两种:
一种是通过后台输出时来事先设定一定的字符数量。
另一种是通过CSS或是JS来对已经输出的完整的内容进行视觉剪截。
在网页标准没有兴起的时候基本上是采用第一种方式来解决这个问题,直到现在这种方式依然被广泛地使用着。这种方式的好处就是可以准确的剪截字数,而不足可能就是因为剪截的工作在后台已经完成,所以输出的内容是残缺的。而第二种是通过CSS或是JS做出的一种障眼法。把一定长度以外的内容隐藏掉。以达到需要的视觉效果,好处就是他可以保留完整的数据内容,不足之处可能是非IE浏览器截的字并不完美。比如Firefox常常会有截半个字的尴尬现象。
我想提出的问题是:"标题的不完整是否会影响用户的点击动机?"我斗胆提出这样的论断:标题的不完整将在很大层度上影响用户是否会点击该条信息的动机。我们这里就用优艾网中的一条新闻标题来作分析。网站中有这样一条新闻标题"美国发明用户界面新技术 对着吹",这是一句被机械性截掉的标题。面对这样的标题我们的好奇心是否被勾引起来,当然有可能。但是我们的理解可能是这样的:"美国发明了用户界面的新技术,对着吹……这是个打假新闻。可能是两家公司在吹牛。"如果是这样那么这种八卦的新闻我就没兴趣了。然而这个完整的标题应该是:"美国发明用户界面新技术 对着吹气就能操作计算机"对于这样的标题我就比较有兴趣,我想知道这个吹气为什么就能操作计算机呢,这是我从来没想到过的事。这样我就会有极大的兴趣去点击查看这条新闻。我们可以比较发现,其实最容易勾起我们好奇心的其实是"吹气操作"。这是新技术的核心。也是这个新闻的核心内容。
当然有时候截字是必需的,否则整个网站就会显得很杂乱。那么现在一般的解决方法就是在链接上加入"title"属性。遇到这种语义不清楚的标题时我通常是鼠标悬停查看提示区中的文字以获得比较完整的标题信息。从而完成我是否点击该新闻的判断。但是可惜的是优艾网标题链接中的title属性与标题内容是一样的,如此一来title属性的意义大减。
我们在设计的时候当然是尽可能的把标题显示完整,如果因为特需原因没办法显示完整的时候要尽可能的使title属性是完整的。还有虽然CSS的截字在Firefox中是有缺陷的,但是我还是觉得截字的事应该由CSS来完成。至少这样我们可以得到一个完整的HTML信息文档。当无CSS的时候至少我们同样可以看得到完整的信息内容。
猜你喜欢
- 使用数据库的过程中,由于断电或其他原因,有可能导致数据库出现一些小错误,比如检索某些表特别慢,查询不到符合条件的数据等。出现这些情况的原因,
- function gaga(obj){ // 值允许输入一个小数点和数字 obj.value = obj.value.replace(/[^
- 本文实例讲述了Python2与Python3的区别。分享给大家供大家参考,具体如下:python2与python3的区别1、性能2、编码格式
- 本篇文章将介绍在 Python 中将 hex 转换为 base64 的方法。使用 Python 中的 codecs 模块将 HEX 转换为
- 1.命令模式命令模式的目的是解耦调用操作的对象(调用者)和提供实现的对象(接收者)。命令模式的思路是在调用者和接收者之间插入一个命令类(Co
- 相比SQL Server 2000提供的FOR XML查询,SQL Server 2005版本对现有功能增强的基础上增加了不少新功能,最为吸
- WEB标准化之前的互联网是TABLE布局的天下,但随着互联网的高速发展,TABLE布局已经不能满足千变万化的页面所来来的更新压力和服务器压力
- 本文实例讲述了CentOS7系统搭建LAMP及更新PHP版本操作。分享给大家供大家参考,具体如下:搭建LAMP环境 用yum安装安装Apac
- 修改闭包内使用的外部变量错误示例:# 定义一个外部函数def func_out(num1): # 定义一个内部函数
- 前言对于使用Vue的前端而言,watch、computed和methods三个属性相信是不陌生的,是日常开发中经常使用的属性。但是对于它们的
- 对dataframe绘图并保存:ax = df.plot() fig = ax.get_figure()fig.savefig('f
- 这个验证类的完成有很长时间了,一直没有分享给大家使用了这么长时间之后感觉挺顺手,用于一些不需要特殊效果的表单验证个人认为已经足够了,还是挺好
- 简单的header import urllib2request = urllib2.Request('http://example.
- 今天有这样得一个需求,如果登陆人是客服的话,会查询订单是'该客服'以及还没有匹配客服的,刚开始想的是直接在sql语句上拼写&
- 本文实例讲述了Python tkinter模块中类继承的三种方式。分享给大家供大家参考,具体如下:tkinter class继承有三种方式。
- 前言说到面向对象,大家都不陌生。关系型数据库也是后端日常用来存储数据的,但数据库是关系型的,因此,ORM通过对象模型和数据库的关系模型之间建
- 插入或更新null空值一、在SQL语句中直接插入null或空字符串“”int? item = nul
- scipy.optimize函数使用简单使用scipy.optimize,训练逻辑回归损失函数,得到权值。scipy.optimize模块包
- mysql drop database命令用于删除一个数据库,如果试图使用drop database命令删除一个不存在的数据库,那么那么你会
- 视频观看视频Pygame模块之pygame.draw本文将主要介绍Pygame的draw模块,主要内容翻译自pygame的官方文档pygam