我可以把标志放在图中吗？

Question

我可以将徽标嵌套在 <figure> 中吗？对吗？
这是代码

<header>
    <div class="row">
      <figure class="col-sm-5"> <a href="index.html" class="logo"> <img src="images/logo.gif" class="img-responsive" height="60" width="330" alt="site-logo"> </a> </figure>
      <div class="col-sm-7">
        <div class="well">
          <div class="row">
            <div class="col-xs-9"><nav></nav></div>
            <figure class="col-xs-3"> <img src="images/helpline.gif" class="img-responsive" height="60" width="120" alt="helpline-image"> </figure>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>
      <div class="clearfix"></div>
    </div>
  </header>

Answer 1

为了更好的搜索引擎优化，请将您的徽标放在 H2 标签内。

<h2>
   <a href="#">
      <img src="logo.gif" alt="Whosebug-logo"/> 
   </a>
</h2>

为备用文本标记提供适当的名称 alt，而不是站点徽标，提供您的公司名称徽标

Answer 2

是的，你可以。

The HTML <figure> element represents self-contained content, frequently with a caption (<figcaption>), and is typically referenced as a single unit. While it is related to the main flow, its position is independent of the main flow. Usually this is an image, an illustration, a diagram, a code snippet, or a schema that is referenced in the main text, but that can be moved to another page or to an appendix without affecting the main flow.

参考：MDN

Answer 3

我知道这是旧的，但请不要将您的徽标放在 <h2>;它不是放置它的地方，它会扰乱您的可访问性、dom 标题结构和您的 SEO 性能。做一些你可以做的事情，并不能使它成为正确的解决方案下面是一些关于如何使用标题标签的链接。如果您希望它看起来像 <h2>，请在 CSS.

中设置样式

W3 Schools

MDN

SEO and Headers Article

我可以把标志放在图中吗？

Can i put logo inside the figure?

html

figure

twitter-bootstrap