文章,部分html5语义

时间:2014-12-23 14:10:48

标签: html5 css3 semantics

我对HTML 5中的文章VS部分感到有些困惑。

我的网页分为不同类型的食物 每排是不同类型的食物 - (肉类,蔬菜和甜点)。每行细分为三列/配方

我应该将所有内容都包含在一个标签中,然后将每种类型的食物(行)和文章标签包含在内吗?

<h2> Vegetable recipes </h2>

<div class="row_divider clearfix>
    <div class="span1_of_3>
        <p> a veg recipie1 </p>
    </div>
    <div class="span1_of_3>
        <p> a veg recipie2 </p>
    </div>
    <div class="span1_of_3> 
        <p> a veg recipie1 </p>
    </div>
</div> <!-- end row-->

<h2> Meat recipes </h2>

<div class="row_divider clearfix>
    <div class="span1_of_3> 
        <p> a Meat recipe 1 </p>
    </div>
    <div class="span1_of_3> 
        <p> a Meat recipe 2 </p>
    </div>
    <div class="span1_of_3> 
        <p> a Meat recipe 3 </p>
    </div>
</div> <!-- end row -->

<h2> Dessert recipes</h2>

<div class="row_divider clearfix>
    <div class="span1_of_3> 
        <p> a Dessert recipe 1 </p>
    </div>
    <div class="span1_of_3>
        <p> a Dessert recipe 2 </p>
    </div>
    <div class="span1_of_3>
        <p> a Dessert recipe 3 </p>
    </div>
</div> <!-- end row -->

1 个答案:

答案 0 :(得分:2)

不,你不应该将<article>中的每个项目都包裹在w3c specs

如果您有一个项目列表,您应该将每个项目包装在<li> - 列表项目中,并将所有包含<ol><ul>的项目包含在内,具体取决于项目的顺序是重要。