Как семантически правильно сверстать список статей или список товаров?
Я бы сделал разметку вот так https://jsfiddle.net/webirus/q8t9o7s7/1/
Ни один из вариантов не выглядит идеальным, но если выбирать из них - третий, пожалуй, получше.
Манеру оборачивать в ul/li всё, что хоть как-то похоже на список - считаю псевдосемантической шизой.
По-моему, эта мода схлынула уже несколько лет как.