html - 网站上品牌标志的最佳实践

Question

我必须制作一个微型网站，我想知道在 HTML 模板中使用 Logo 的最佳方法。 (忽略这是无效代码的事实，例如，如果我使用 alt=""，它只是胡扯。)

选项 1:

<a href="#">
   <img src="logo.gif" /> 
</a>

选项 2:

<h1>
   <a href="#">
      <img src="logo.gif" /> 
   </a>
</h1>

选项 3:

<h1>
   <a href="#">
   </a>
</h1>

h1{background: url(logo.gif);}
h1 a{height: #px; width: #px;}

选项 4:

Is using h1, h2 or h3 better for SEO, as I understand that repetitive h1's are a bad idea and the company brand is NOT the main subject for every page on it's website?

我通常使用的是选项3，像这样:

<h2>
   <span>Company name</span>
   <a href="#">
   </a>
</h2>

h2{height: #px; width: #px; background: url(logo.gif);}
h2 a{display: block; height: #px; width: #px;}
h2 a span{display: none;}

Answer 1

在 HTML5 中(如果您的 header 仅包含您的 Logo 和标语/座右铭)id 这样做:

<header role="banner">
<a href="#"> 
   <img src="logo.gif" alt="Waffle Inc." />  
</a> 
</header>