html - 如果 Logo 是文本， Logo 元素应该使用什么标签？

Question

我读过 <h1>标签 is inappropriate for a logo .但是，如果您的 Logo 是纯文本，您应该使用什么？我觉得 <p>和 <span>也不合适。这是一个示例:

<header>
  <nav>
    <a id="logo" href=".">
      <span>Company Name</span>
    </a>
    <a id="linkOne" href="#thingOne">
      <img src="…">
    </a>
    <a id="linkTwo" href="#thingTwo">
      <img src="…">
    </a>
    <a id="linkThree" href="#thingThree">
      <img src="…">
    </a>
  </nav>
</header>

谢谢!

Answer 1

在 HTML 中标记 Logo 没有“语义”方式(即语法)，因此在基本层面上没有正确或错误的方式。也就是说，我不会使用 <h1>对于 Logo ，因为标题标签应该构建您的 HTML。

我通常使用简单的 <div>或 <a>将 Logo 作为背景图像，因为我认为这是从屏幕阅读器中隐藏它的最佳方式。坦率地说，我认为将 Logo 作为 <img> 没有多大值(value)。在<section>因为一个部分应该包含内容的主题分组。

在你的情况下，我会格式化你的 <a>作为inline-block并将 Logo 设置为背景图像。