跟进background-image vs img标签

时间:2013-12-16 01:46:09

标签: html css image

我刚读过this entry,但我仍然不太确定选择的理由。特别是,我想完全理解 是什么意思“内容”和“非内容/其他”图像和为什么我应该在添加时使用img添加非内容图像时,将图像内容添加到我的网站和背景图像。

以下是我对“内容”和“非内容”形象的理解:

内容图像是动态生成的图像。例如,在其个人资料页面上显示的用户图像和上传到照片库,博客等的图像

非内容图片是那些属于网站设计的非动态图片。如果你愿意的话,他们会被“烘烤”。例如。徽标,图像链接,图像按钮等

如果我的定义是正确的 - 请告诉我他们是不是 - 那么在我看来,使用每个的原因如下(虽然这在链接的文章中并不完全明显,因此我的关注问题):

  • 非内容图片往往不会像内容图片那样变化。即徽标,按钮图像,图像链接等往往保持不变。只有在网站所有者决定重新设计网站时,才会更改它们。

  • 另一方面,内容图像往往会频繁更改。经常上传新图片,用户更改其个人资料图片和照片画廊等。

因此,由于内容图像的动态特性,它们需要一个img标记,可以通过网站驱动的任何技术堆栈动态修改。不那么频繁变化的图像不需要图像标签。它们可以直接从css文件中的站点设计资源加载,以提高性能和易维护性。

那是对的还是我错过了什么?

2 个答案:

答案 0 :(得分:3)

CSS用于描述表示语义(外观和格式)。因此,如果你使用css来显示你的图像,那就意味着(理论上)你只显示那个图像,使一些元素看起来更好看或更好地表达自己。如果您将来更改网站的外观,您可能会考虑更改这些图片。

另一方面,内容图像将成为您网站信息/数据的一部分。如果您显示某些用户的照片,则与样式无关。它与用户的姓名,年龄或年龄一样重要。

答案 1 :(得分:1)

img标签可以通过SEO获取,它可以使用alt,但背景图像不能

所以,如果你想要谷歌,bing或其他的一些照片,你应该使用img标签。

相关问题