在单页面布局中正确使用Section Tag

时间:2013-12-02 10:45:20

标签: html5

如果这种标签的使用对单页面布局是否正确?或者我应该使用带有内部部分的文章标签吗?

<div id="page-container">
    <header>
        <h1>Brand Logo</h1>
        <nav>
        </nav> 
    </header>
    <section id="about">
        <div class="container">
            <h2>About Us</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, minus, quidem debitis vel aut libero id consequuntur dicta quasi sapiente.</p>
        </div>
    </section>
    <section id="services">
        <div class="container">
            <h2>Services</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis eos asperiores praesentium omnis non veritatis repudiandae fugiat similique possimus id.</p>
        </div>
    </section>

    <section id="contact">
        <div class="container">
            <h2>Contact Us</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor commodi esse assumenda optio impedit ad eaque soluta tempore porro delectus.</p>
        </div>
    </section>

</div>

1 个答案:

答案 0 :(得分:0)

是的,这是正确的。

它会创建一个如下的轮廓:

1. "Brand Logo"
  1.1 untitled nav
  1.2 "About Us"
  1.3 "Services"
  1.4 "Contact Us"

而不是sectionarticle可能更合适。但是,如果您看到真实内容,则只能决定这一点。检查其definition:如果与您的内容相符,请使用article,否则请使用section