我最近一直在学习CSS，我正在观看的教程系列说显示徽标图像的最佳方法是将文本包装在H1标签中，然后将该标签的CSS样式设置为背景图像，并带有文本缩进 -99999 或类似的大数字。
这看起来非常粗俗和不优雅。对于 SEO 目的来说，使用 CSS 隐藏文本似乎是一个很大的禁忌（因为通过 CSS 隐藏文本是不受欢迎的）。
我还读到应避免使用 img，因为徽标本身并不是真正的内容，因此应归入编码的设计方面（即 CSS）。
目前对此有何共识？
显示徽标的正确方法是使用<img>元素。如果你还没有学习过标志和标识 http://en.wikipedia.org/wiki/Logo，您可能没有意识到徽标有其自己的语义，并且需要以非常具体的方式呈现。它也可能有一个必需的解释，这是应该在[alt]属性。
如果所需的解释是页面中合法的标题，则将其添加到<h#>元素：
<h1>
<img src="logo.png" alt="Foo Co.: Where everyone can fizz the buzz" />
</h1>
通常，徽标用作链接，因此很常见：
<a href="/">
<img src="logo.png"... />
</a>
此外，可以强调徽标（可以是<strong> or <em>取决于学位）：
<strong>
<a href="/">
<img src="logo.png" ... />
</a>
</strong>
了解徽标的语义。如果您引用的是可口可乐公司，那么如果您更换或删除样式表，该品牌的徽标不会也不应该改变。大多数人从语义上理解，
不同于
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
