在直接的html或css中定义图像会更好吗？
如果我有选择地插入图片直接进入HTML或CSS，例如说，包裹图像中的链接，我可以做要么...在直接的html或css中定义图像会更好吗？
<a href="#"><img src="#" alt="" width="" height="" /></a> 或者我可以做...
<a id="img" href="#"></a> #img {background: url('#') no-repeat; height: #; width: #;}
哪个更好，为什么？两者都是按照想要的方式工作，但是加载时间等方面是否有区别，或者是否有更好的实践？
回答：
在HTML中使用的图像是更好，当图像有任何环境中的意义...如果它是一个没有任何背景意义的装饰画，然后用CSS。 CSS用于表示，HTML用于内容。
最好的提示，为您确定是否使用HTML和CSS的画面： 如果我删除的图片，将网页内容还有意义？
在HTML的图像是指在上下文中提供视觉意义，具有有意义的文本回退。应该避免使用没有任何内容的A元素，因为它的内容与链接，浏览器和网络爬虫（例如谷歌机器人）有关系。
使用CSS图片只用于装饰目的。否则，它可能会损害您的搜索引擎排名。总是为图像提供alt属性，以确定最终访问者无法看到任何图像。
回答：
如果图片包含上下文（如徽标或照片），我会建议将其加载为<img>请确保您为可访问性和SEO原因提供了替代文本。
如果图像在页面的范围没有上下文，那么我认为它正确的位置，被定义在控制设计的CSS。
整个想法是将您的演示文稿与您的内容尽可能分开。一个图像可以是内容，如果是的话，应该是内容。
回答：
一般来说，我尽量在CSS中放置尽可能多的图像，但Doozer和Mario有很好的观点。如果图像对上下文很重要，它可以放在HTML中。当文本需要浮动和图像时，我还会使用<img>标签。
一两件事，CSS可以做到这一点<img>不能是CSS image sprites。这是您从一个或另一个获得的唯一真正的性能优势。像youtube.com这样需要高性能的网站会将许多图像合并为一张大型合成图像，以减少HTTP流量（并因此减少页面加载时间）。例如，这是来自youtube.com的精灵。语义HTML的
回答：
遵循的原则。如果图像是内容，即缩略图，照片或按钮，请使用<img>元素。如果它更多是页面设计的一部分，则背景图片可能更合适。
更具体的例子：如果你正在使用你的形象旁边的一个文本链接图标，使用背景图像：
<span class="printIcon" onclick="window.print()">Print</a> .printIcon { background: url(...) no-repeat; padding-left: 20px }
如果你的形象是按钮本身，在没有文字方面，请使用<img>元素以及适当的alt属性，如果图片不可用，该元素将替代图片。
<img src="printButton.png" alt="Print" onclick="window.print()" /> 以上是 在直接的html或css中定义图像会更好吗？ 的全部内容， 来源链接： utcz.com/qa/266657.html
