今回のような文は

<section id="about">
<h1 id="main" class="title box" >Main Title</h1>
</section>

どの様な文書を作成したいときに使われるのでしょうか？
id属性とクラス属性を何故2つ使ってるか等分かりませんでした。
使いどころが分かりませんでしたので
宜しくお願い致します。