2016-05-16 78 views
0

我找不到任何明确的答案...请看看这个相当通用的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> 

编辑

最语义的方式做到这一点 - 我认为 - 是按如下方式还结合了电子名片:

<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电子名片是'允许',但我不明白为什么不。如果有人想进一步咨询,请随时提供。我希望在这方面有更明确的指导方针。

+2

难以理解为什么不是...... –

+0

是的,我的想法也是如此,虽然这似乎并没有像这样常用,即使这种通用页面布局*是*通用的。 – Inigo

+0

是的,你可以这样做。我会做同样的事情。 – Kamelkent

回答

1

W3 spec没有对它可以出现在哪个标签上设置任何限制,实际上它们的示例和典型用法是它会出现在<footer>中。 <header>标记与<footer>处于相同的语义类别,所以没有理由不能将它放在那里。

然而,在技术上不应包含任何“标题内容”的限制,即<h1>...<h6>仅描述联系信息。所以你不应该把地址元素中的<h1>标签的网站名称。您仍然可以在较大的文本中设置该行。

+0

啊,我明白了。谢谢。所以,如果我想保持h1的搜索引擎优化目的,我现在不得不在其他地方将其加入我的标记。真棒ಠ_ಠ – Inigo

相关问题