[UPDATE] Как переделать в HTML5?

Question

[Extramezz]

Есть структура:

<div class="block">
    <div class="top">
          <img alt="Превью">
          <h3>Заголовок статьи</h3>
    </div>
    <p>Краткое содержание</p>
</div>

Какие элементы HTML5 лучше использовать для такой структуры?

Answer 1

[Влад]

Как вариан, что-то похожее на это.

<article  class="item">
    <header class="item-header">
          <img>
          <h3></h3>
    </header>
    <div class="item-body">
        <p></p>
    </div>
</article>

P.S. Не помню, по спецификации, можно ли использовать несколько блоков <main>, если можно - то

<div class="item-body"> заменить на <main class="item-body">

P.S.S. Так же можно использовать <footer>

Comments

[Влад]

SelenIT2: благодарю, а то запамятовал

Answer 2

[D']

Думаю так:

<div class="block">
    <div class="top">
          <img>
          <h3></h3>
    </div>
    <p></p>
</div>

Comments

[Extramezz]

И что изменилось, капитан?

[Алексей]

Extramezz: Изменилось ваше понимание мира, сёр!

[Extramezz]

Алексей: ???

[Extramezz]

SelenIT2: окей, я это и имел ввиду, туго у меня с объяснением =(

[Extramezz]

Александр А: стили то одни и те же будут, единственная разница - название тегов. Но пока что, у меня нет опыта в правильном их сочетании, по этому, прошу Тостерчан показать пример.