html - 哪个更好用 HTML/CSS 来显示 img？

Question

哪个更好:

<img src="http://placehold.it/300x200" alt="">

或:

.img {
  content: url(http://placehold.it/300x200); /* or background-image */
}

<div class="img"></div>

考虑加载时间以及哪个更好地阻止用户能够突出显示图像，(我不知道为什么我就是不喜欢人们突出显示图像)以上哪个选项更好？

Answer 1

通过 CSS 设置图像意味着如果用户尝试打印您的页面，某些浏览器将不会显示图像，并且内联 CSS 样式变得难以管理。您可能还应该设置 alt，因为这有助于辅助功能:

<img src="example.png" alt="example image">

没有可靠的方法来阻止某人下载图片，但是如果你想阻止用户右键单击(将图片另存为)、拖动图片等，你可以使用一些 CSS:

img {
    pointer-events: none;
}

此规则将应用于所有 img 元素。