论坛首页 Web前端技术论坛

和小胖儿一起向<img>说再见.

浏览 15557 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2007-09-06  
CSS
废话不说,直入主题.
我的观点很简单, 当你使用<img>标签时,如果满足以下条件,那么请你不要再使用它了:
1 图片内容或路径不是动态生成的.
2 图片的作用类似图标,给用户操作提示
3 图片的作用只是起到装饰作用(做页面修饰)

不用IMG 那么用什么呢?
用span 或 div + CSS (background-image),然后把css全部提取到css文件中.

为什么这么做呢?

答案很简单,让你的jsp页面,jspTag(如果你的tag代码中输出<img>的话)和图片资源彻底的解藕.
最终目的是要达到: 图片的路径的变化,只会引起css文件内容的变化.
而对jsp java jsptag代码毫无影响.

CSS是用来决定页面的样式 和 美观与否的关键,
而图片从某种程度上来讲(尤其是满足文章开头所列三点的图片) 也决定着页面的样式 和 美观与否.
显然他们应当是一类.这也是为什么CSS文件中对URL的使用采用的是"相对与CSS文件"而不是"相对于引用CSS文件的文件"(很久以前是后者这样的).

总之,希望大家能够尽可能的用我说的方式,渐渐放弃对IMG的依赖.
如果你在做一个支持换肤的系统时,你就知道这有多重要了.





   发表时间:2007-09-06  
欢迎大家一起来讨论,看看我们还有哪些情况下可以不使用 img ,
而还有哪些情况下必须使用 img .
0 请登录后投票
   发表时间:2007-09-06  
say hi fins say img byebye! 也就是说图片的路径引用都在css里...fins对吧?
0 请登录后投票
   发表时间:2007-09-06  
同意,在有浮动的情况下。在ie下使用背景和使用img标签会给布局带来差异。
0 请登录后投票
   发表时间:2007-09-06  
peterwillcn 写道
say hi fins say img byebye! 也就是说图片的路径引用都在css里...fins对吧?


是这样的.
最终的jsp/html/php页面中, 应该尽可能少的与外界文件路径打交道.
0 请登录后投票
   发表时间:2007-09-06  
fins 写道
peterwillcn 写道
say hi fins say img byebye! 也就是说图片的路径引用都在css里...fins对吧?


是这样的.
最终的jsp/html/php页面中, 应该尽可能少的与外界文件路径打交道.



hi...fins I worship you for a long time...Thanks a lot...!
0 请登录后投票
   发表时间:2007-09-06  
其实这不是什么新鲜的做法,我想这么做的人肯定早就有了,而且大大的有
0 请登录后投票
   发表时间:2007-09-06  
fins 写道
其实这不是什么新鲜的做法,我想这么做的人肯定早就有了,而且大大的有


javaeye3.0的做法是如果和布局相关的img都尽量放到css中,和数据相关还是用Img标签。这样做的确有很多好处,不光是解耦,也使得整个的页面的结构更加简洁合理。
0 请登录后投票
   发表时间:2007-09-06  
不是什么都适合用背景的,比如你的网站logo,按照语义来说,就应该是图片,用img。另外,img标签有alt属性,这对残疾人士,或者说屏幕阅读器来说是非常有帮助了,请问你用背景图片如何传递此类信息?毕竟浏览器不是唯一的用户。什么东西都要考虑周全,要是img如此鸡肋,w3c大概早就遗弃它了吧。
0 请登录后投票
   发表时间:2007-09-06  
ouspec 写道
fins 写道
其实这不是什么新鲜的做法,我想这么做的人肯定早就有了,而且大大的有


javaeye3.0的做法是如果和布局相关的img都尽量放到css中,和数据相关还是用Img标签。这样做的确有很多好处,不光是解耦,也使得整个的页面的结构更加简洁合理。


恩 数据相关的 如统计图表等确实应该还用img.
不过我想 像是客户级别那个图片同样可以用css吧 呵呵
1 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics