Влияет ли такая структура на семантику?

Question

[Dmmitry]

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

Есть информационные блоки на сайте (статей/новостей) такой структуры:

<section>
								<div class="item">
									<a class="ghost" href="#"></a>
									<div class="date">
										<span class="day">18</span>
										<span class="month">августа</span>
									</div>
								
									<h1>Пицца Четыре сезона в подарок!</h1>
									<p>При заказе на сумму от 600 грн пицца Четыре сезона 33см. в подарок!</p>
								</div>
							</section>

Вопрос собственно по классу .ghost
Это ссылка с блочным отображением которая отображается полностью поверх .item (прозрачная)
Сделано это для того, чтобы можно было перейти по ссылке нажав в любую область .item

Влияет ли как-то такая структура на семантику?

Answer 1

[Евгений Перин]

А почему не сделать ссылку вокруг блока item?
Не знаю, влияет ли, но зачем именно так?

Comments

[Dmmitry]

Так будет и h1 в ссылке, и остальные все элементы

[Евгений Перин]

Дмитрий Чередниченко: Это плохо? А так будет пустая ссылка

[Dmmitry]

Евгений Перин: ну h1 это блочный элемент, а ссылка - строчный, поэтому не хорошо это. Если пустая, можно в ссылку продублировать текст с h1 и скрыть его. Хотя прозрачность и так на .ghost стоит.

[Зарема Халилова]

Дмитрий Чередниченко: в новой спецификации в ссылку можно оборачивать section, главное, чтоб внутри не было больше ссылок или кнопок. "The a element may be wrapped around entire paragraphs, lists, tables, and so forth, even entire sections, so long as there is no interactive content within (e.g. buttons or other links)" www.w3.org/html/wg/drafts/html/master/text-level-s...