html - 语义上标记品牌（网站名称和徽标）

Question

在网页上进行语义标记品牌的理想方式是什么？当我在 2011 年使用 HTML 4 时，我会执行以下操作之一（取决于是否需要徽标）

<div id="top">
    <a href="/">
        <p id="branding">JJ Media Limited</p>
    </a>
</div>

或者

<div id="top">
    <a href="/">
        <p id="branding"><img id="logo" src="images/logo.png"/> JJ Media Limited</p>
    </a>
</div>

我反对将品牌包装在标题中，或者将徽标添加为 CSS 的背景，因为我觉得徽标是上下文相关的。

但是，使用 HTML5，您在语义上标记品牌的方式有什么改变吗？约定是否有任何合乎逻辑的变化？

PS我知道id标签'top'是模棱两可的，我纯粹是为了演示目的。

score 0 · Accepted Answer

是的，但还是差不多。。

<header>
    <a href="/"><img src="img.png" alt="image description"/></a>
</header>

1 回答 1