结构还是内容

迷惑，是否应该把结构和内容分清楚？这在于多余标签和精炼标签。光光字面意思，多余和精炼。你会选谁呢。但我不觉得多余代码有什么不好。我们常见到多余代码，例如：

<div class=“list”>
    <ul>
        <li>清单一</li>
        <li>清单一</li>

        <li>清单一</li>
    </ul>
</div>

<div class="footer">
    <p>这里是我的版权，一个开始走火的人的版权</p>

</div>

大家都会说外层的div可以省略，然后把它的class给子容器（ul，p）。我并不这么认为，外层的div是结构，而ul或者p是呈现语义，也就是展现一个列表或者一个段落，列表或者段落总不能用来布局吧？这好比一间房子，我们把结构去掉，直接用墙纸，窗帘来做结构，那这房子还有谁敢住哦。

以后有一些小需求，比如list那里增加一个“更多”链接，按照“精炼”就要改动结构或者就增加一个li放“更多”，但这样合适么。。。

我们的页面不仅仅要用户看上去内容清晰，我们内在的结构也要清晰。所以我更倾向把结构分清楚，然后再填写内容。