Как правильно разметить блок?

Question

[xonar]

Здравствуйте.

Как правильно разметить данный блок?

<div class="block">
    <div class="img-date">
        Изображение
        <div class="date">Дата</div>
    </div>
    <div class="title-desc">
        <h2>Заголовок</h2>
        <p>Описание</p>
    </div>
</div>
</div>

В мой голове это выглядит так, но что-то я не уверен, что правильно.

Answer 1

[Alex Karo]

Выглядит разумно, проблем не вижу.
Может .date имеет смысл на уровень выше поднять, сразу за .img-date
P.S. Лучше называть классы как-то более обще, чтобы при изменении внутрянки не пришлось переименовывать... например .header и .content .

Answer 2

[UncleMisha]

Выглядит все разумно, я например сделал бы вот так:

<div class="block">
		<div class="img-date">
			Изображение
		</div>
		<div class="date">Дата</div>
		<div class="title-desc">
			<h2>Заголовок</h2>
			<p>Описание</p>
		</div>
	</div>

вынес бы class="date" из class="img-date" так как если в стилях для картинки будет ta-c что-бы этот стиль не принял class="date", а так все разумно)