在我的网站标题中设置img

Question

我正在建立一个网站,我正在使用HTML5.我会在我的标题中插入一个img,这是我公司的标志.在有效性和正确性方面,最好background-image: url("logo.gif")在我的css样式中设置css propriety 或包含在html文件中

<header>
   <img src="logo.gif" alt="logo" />
</header>

Answer 1

最好将图像包含为img标记,而不是background-image.

这意味着如果客户端在其浏览器上禁用了CSS,或者它不支持CSS,则他们仍然可以在页面顶部看到徽标.

这也意味着你可以将徽标作为主页的链接,这已经成为网站的一般可用性点:

<header>
   <a href="/index.html"><img src="logo.gif" alt="logo" /></a>
</header>

有关此类情况的更多信息,请参阅此流行的StackOverflow帖子:

何时使用IMG与CSS背景图像？