我想知道有关背景和img标签的div的最佳做法是什么.我知道有背景的div可以在它们之上有东西而不是它们,但如果只是有一个图像的情况,这是首选的方法？也许一个更好的问题是... img标签已经过时了吗？当你有一个链接的图像时,你应该使用img标签还是div？
谢谢!马特穆勒
Jas*_*son 15
Div背景应该只是:风格的背景图像.img标签应该用于当你将实际图像显示为图像本身时,比如说你正在展示一些东西的图片.你应该使用图像标签而不是div bg
将其视为语义标记:
如果它是页面上的"图像",则就页面的含义而言,请使用img标记.
如果它对页面的意义不重要,即.背景图像,在任何类型的元素(不仅仅是div)上使用背景图像.
这种差异与页面在大多数浏览器中的显示方式无关,但与不能直观地解释图像的人有不同的含义.
试着想象一下视觉障碍者如何解释这些元素.
搜索引擎的行为可能略有不同 - 我不知道搜索引擎是否会为其图像搜索选择背景图像.如果你真的想要那里的图像,img标签更安全.
小智 5
查看此问题的一个好方法是在关闭样式表的情况下查看您的网站.您很快就会发现所有带有背景图像的DIV标签都没有出现.您的所有IMG标记图像都应该是正确的位置.我会将DIV标签与背景图像一起用于网站设计和布局的所有方面,并将IMG标签用于其他所有方面.
IMG标签具有alt属性和标题属性.当它们不加载或代替仅文本或屏幕阅读器类型浏览器中的图像时,它们用于代替图像.