Как семантически верно оформить список статей в категории блога?

Question

[weranda]

Приветствую.
Есть раздел блога, в нем анонсы статей, анонсы статей оформлены по шаблону: заголовок, описание, дата, ссылки...
Как правильно оформить это «семантическими» HTML5 тегами?

Вариант №1

main
	section
		article
			заголовок
			описание
			ссылка
	section
		article
			заголовок
			описание
			ссылка
	section
		article
			заголовок
			описание
			ссылка
	...

Вариант №2

main
	article
		заголовок
		описание
		ссылка
	article
		заголовок
		описание
		ссылка
	article
		заголовок
		описание
		ссылка
	...

Как правильно оформить? По логике подходят оба варианта, вроде. Может быть, есть еще варианты?

Answer 1

[Вадим]

section должен содержать в себе заголовок 1-2 уровня.
section представляет собой какой-то блок, объдиняющий по смыслу какую-то информацию.

Соответственно, я бы отклонил оба варианта.
Делать внутри article section имеем смысл если их там больше 1.
Не делать section вообще - значит не дать контекста что это за набор article.

Я бы предложил вариант:

main
  section
    заголовок
    article
      заголовок
      описание
      ссылка
    article
      заголовок
      описание
      ссылка

Comments

[weranda]

Спасибо, просто, понятно, доступно)