相关疑难解决方法(0)

在img标签width和height属性中定义图像大小是更好的编码实践吗？

<img src="images/academia_vs_business.png" width="740" height="382" alt="" />

或者在宽度/高度的CSS样式中？

<img src="images/academia_vs_business.png" style="width:740px; height:382px;" alt="" />

或两者？

<img src="images/academia_vs_business.png" width="740" height="382" style="width:740px; height:382px" alt="" />

指定图像高度和宽度的"正确"语义方式是什么？在CSS ...

width:15px;

或内联......

<img width="15"

？

CSS似乎是放置视觉信息的正确位置.另一方面,很少有人认为图像"src"不应该被指定为属性,并且高度/宽度看起来像二进制图像数据那样与"src"相关联.

(是的,我从技术的,最终用户的角度来看,这无关紧要.)

我在这里找到了一个类似的问题,答案是:" 你应该总是在图像标签中定义宽度和高度." 但是从2009年开始.

与此同时,许多事情在前端发生了变化.我们现在都在进行响应式页面设计,同时针对许多设备和尺寸(移动设备,平板电脑,台式机......).

所以,我想知道是否仍然需要指定宽度和高度属性,以及出于什么原因(对于响应,页面速度,SEO ......)？

我有一个网站,每页有4,000多页和10个或更多jpeg图像,大小各异.我正在努力让网站更加适合移动设备.为此,我想让图像缩小以适应较小的屏幕.我知道我可以做这样的事情来表示图像可以缩小:

img.bodyImg
{
 width: 100%;
 max-width: 357px;
 height: auto;
}

但是,如果不是所有图像的宽度都是357(或其他),我不希望更小的图像超出其真实尺寸？只是为了让事情更有趣,如果图像标签没有指定高度和宽度属性怎么办？

我的目标是找到一个不需要我手动调整成千上万个图像调用的解决方案,但我可以进行搜索和替换.图像当前包含在div容器中并且有一个类,如下所示:

<div class="imgDiv"><img class="bodyImg" src="http://www.example.com/image.jpg"></div>

我也很开放我可能完全以错误的方式解决这个问题.

我读过很多书，您应该将CSS样式与内容分开，并且使用内联样式不是最佳做法，但这与<img>标记的大小相同吗？

是使用属性设置宽度和高度的最佳实践，还是最好将其放入CSS类中？

<img src="myimg.png" height="100" width="200" />

要么

.myimg{
    height:100px;
    width:200px;
}

<img src="myimg.png" class="myimg" />

还是没有“最佳”实践？如果是这样，在哪种情况下应该使用1或2？