Question

我的网站有个人资料页面。我有类似的东西：

<h1>Foo bar profile</h1>

<div>
<h2>Address</h2>
<p>Foo bar street, 55</p>
<p>Foo city</p>
</div>

<div>
<h2>Contact information</h2>
<p>foo@bar.com</p>
<p>55-5555-5555</p>
</div>

我应该使用div或部分来包装这种内容吗？对于部分，我应该将h2更改为h1吗？我不知道什么是对的。谢谢。

Answer 1

为什么不使用<address>代码？

<h2>Contact information</h2>
<address>
<a href="mailto:foo@bar.com">foo@bar.com</a><br />
55-5555-5555
</address>

Answer 2

它很好..

如果你想学习html5，我会推荐

教程：

http://slides.html5rocks.com/#slide1 （使用HTML5构建）
http://diveintohtml5.ep.io/
http://html5tutorial.net/

演示：http://html5demos.com/

Answer 3

我不会称之为<section>，尽管所有可能都包含 a <section class="contact">

我建议使用hCard microformat或HTML5 vCard microdata定义。它是一组定义良好的类名，用于定义联系信息。

您可以使用您想要的标签类型，设置适当的类，然后使用CSS设置样式 - 例如“地址”实际上不是第二级标题，只是将其设置为样式（如果这是您想要的外观））基于它在<div class="vcard">

之内

你可能会开始......

<section class="userprofile">
    <div class="vcard">
        <div class="adr">
             ... etc. ...
        </div>
    </div>
</section>

HTML5方式使用itemprop代替class - 请参阅http://www.html-5.com/microdata/rich-snippets/addresses/以获取更多解释和示例。

HTML部分还是div？

3 个答案: