在我的网站标题中设置img

Question

我正在建立一个网站，我正在使用HTML5。我会在我的标题中插入一个img，这是我公司的标志。在有效性和正确性方面，最好将css propriety设置为我的css样式中的background-image: url("logo.gif")或包含在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帖子：

When to use IMG vs. CSS background-image?

Answer 2

取决于。

如果您的徽标可以点击，请将其包含在HMTL中。 （usebility）

如果仅出于设计目的而使用CSS。

通常最好在CSS中定义与网站外观相关的所有内容。

HTML：

<header>
     <div id="company_logo"></div>
</header>

的CSS：

#company_logo{
width:50px;
height:50px;
background-image:url();
}

Answer 3

除非您需要在徽标上添加一些内容，否则我会选择<img>标记（如果您有“alt”文字，也可以使用屏幕阅读器。）

Answer 4

无法打印背景图片，如果您的网站有打印目的，那么您的徽标将无法显示。

请记住，徽标是内容，背景是样式。使用背景作为徽标不是语义。