Question

哪种方法最好？

<div id="header">
 <a id="logo" href="#"><img width="172" height="80" src="logo.jpg" alt="Clevex logo"></a>
    <h1>slogan of company</h1>
</div>

<div id="header">
 <a id="logo" href="#"><img width="172" height="80" src="logo.jpg" alt="Clevex logo"></a>
    <p>slogan of company</p>
</div>

<div id="header">
 <a id="logo" href="#"><img width="172" height="80" src="logo.jpg" alt="Clevex logo"></a>
    <span>slogan of company</span>
</div>

<div id="header">
   <div id="logo">
     <a href="#"><img width="172" height="80" src="logo.jpg" alt="Clevex logo"></a>
        slogan of company
   </div>
</div>

Answer 1

我认为更好的方法是将口号作为跨度。口号不是真正的文件的第一个标题。想一想，如果这是一个目录，您会将口号视为第一个条目吗？

Answer 2

口号可能受制于某些设计规则（例如相对于徽标的位置）。由于口号可能在内容/搜索引擎优化方式中没什么意义，而且看起来更重要，我建议将标语放入图像中。

Answer 3

看起来不错，除了口号不是真正的标题这一事实，因此应该使用<span>或没有语义的东西而不是<h1>

Answer 4

一般来说，我认为你会看到每个人的口号都是图像而不是文字（文字作为alt属性）。并且href =“＃”表示“转到此页面的顶部。”它可能应该是主页的链接。 ...只要您使用alt，搜索引擎就会正确编制索引。如果这是主页，那么可能有理由在h1和h2元素中使用名称和口号，但在其他地方可能没有必要。最好根据页面的实际内容来增加流量，而不是试图让每个页面在搜索引擎蜘蛛眼中都一样。公司名称可能已经在网址中了，这很多。

Answer 5

我猜不是; 最好这样做：

<h1 onclick="document.location='/';"><span>CompanyName</span></h1>
<h2>Slogan here</h2>

由于您的徽标是布局的一部分而不是上下文中的图像（例如产品图片），因此您应将其放在h1背景中。

你的CSS是这样的：

h1 {
 background-image: url(logo.png);
 width: 200px;
 height: 80px;
 cursor: pointer;
}

h1 span {
  display: none;
}

这种方式对于用户和搜索引擎都是可读的。

Answer 6

不，类似以下内容会更好：

<div id="header">
    <h1><a href="#" title="Company">Company</a></h1>
    <h2>Slogan</h2>
</div>

h1 { text-indent: -90000px; background: transparent url(/img/logo.png) no-repeat left top;  width: 172px; height: 80px; }
h1 a { display: block; width: 172px; height: 80px; }

h1仅用于公司本身一次。然后使用CSS将图标文本替换为图像。这样就可以在CSS中保留标记。

在标题中使用标语编码徽标的最佳方法是什么？

6 个答案: