Question

我无法找到任何明确的答案......请看一下这个相当通用的HTML页面，例如;标题左侧是标题，公司名称和地址位于右侧。我想知道以这种方式使用address元素是否合适？

<body>
<header>
    <img src="/logo.jpg" alt="Bobby's Bits">
    <address>
        <h1>Bobby's Bits</h1>
        14 Milkyway cresent,<br>
        The Moon
    </address>
</header>
<main>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae dignissimos doloremque iusto tempore quae quisquam dicta nobis. Vitae officiis sequi pariatur amet odit possimus, necessitatibus dolore consectetur quas at, alias.</p>
</main>
<footer>Lorem ipsum dolor sit.</footer>
</body>

修改

执行此操作的最基本的方法 - 我认为 - 也是将vCard组合如下：

<body>
<header>
    <img src="/logo.jpg" alt="Bobby's Bits">
    <address class="vcard">
        <h1 class="fn org">Bobby's Bits</h1>
        <span class="adr">
            <span class="street-address">14 Milkyway cresent,</span>
            <span class="locality">Mare Serenitatis</span>,  
            <span class="postal-code">M00 N11</span>
        </span>
    </address>    
</header>
<main>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae dignissimos doloremque iusto tempore quae quisquam dicta nobis. Vitae officiis sequi pariatur amet odit possimus, necessitatibus dolore consectetur quas at, alias.</p>
</main>
<footer>Lorem ipsum dolor sit.</footer>
</body>

不完全确定是否允许将h1放入vCard中并且＃39;但我不知道为什么不呢。如果有人想进一步建议，请随意。我希望有更明确的指导方针。

Answer 1

W3 spec没有对它可以出现在哪个标签上设置任何限制，事实上它们的示例和典型用法是它会显示在<footer>中。 <header>标记与<footer>属于同一语义类别，因此您无法将其放在那里。

但是有一个限制，它不应该在技术上包含任何“标题内容”，即<h1>...<h6>，只描述联系信息。因此，您不应将站点名称放在地址元素内的<h1>标记中。您仍然可以在较大的文本中设置该行的样式。

我应该在标题中使用地址元素吗？

1 个答案: