Можно ли в ссылке писать блочные теги?

Question

[tytkawa]

Есть такая верстка:

<ul class="game_list">
	<li class="game_item">
		<a class="game_link" href="">
			<div class="game_icon">
				<img src="" alt="">
			</div>
			<p></p>
		</a>
	</li>

	<li class="game_item">
		<a class="game_link" href="">
			<div class="game_icon">
				<img src="" alt="">
			</div>
			<p></p>
		</a>
	</li>

	<li class="game_item">
		<a class="game_link" href="">
			<div class="game_icon">
				<img src="" alt="">
			</div>
			<p></p>
		</a>
	</li>

	<li class="game_item">
		<a class="game_link" href="">
			<div class="game_icon">
				<img src="" alt="">
			</div>
			<p></p>
		</a>
	</li>
</ul>

В ссылку вставлен блочный тег с классом "game_icon" с фиксированной шириной и высотой, что бы все картинки смотрелись одинаково. Параграфы тоже являются блочными (по умолчанию). Но сама ссылка изначально inline. Так вот получается это не удовлетворяет семантике?

Comments

[Алексей Немиро]

Лучше так не делать. Лучше onclick обрабатывать у game_item или game_icon.

Answer 1

[Billy Milligan]

Не слушайте всяких, а лучше читайте документацию. В HTML5 можно смотрим сюда, в HTML4.01 нет.

Comments

[tytkawa]

Я не селен в заморских языках, но думаю что пришло время начать подтянуть, ибо знания требуют

[Billy Milligan]

tytkawa: В html4 можно вставлять только inline-block элементы внутри A. DIV это block элемент. Но можно сделать его inline через CSS ;)

display: inline-block;

Answer 2

[Дмитрий]

Да, это возможно. Часто так делаю, все работает без каких-либо проблем.

Answer 3

[Дмитрий Шишкин]

Можно конечно

Answer 4

[norlin]

Лучше так не делать, div всегда можно заменить на span с прописанным в стилях display: block;
Это будет более корректно, с семантической точки зрения.

Comments

[norlin]

SelenIT2: Ок, с точки зрения HTML5 правы вы. А с точки зрения HTML 4 – я. :) stackoverflow.com/questions/1827965/is-putting-a-d...
Начинал, когда ещё html5 не было, некоторые ограничения вошли в привычку...

[norlin]

SelenIT2: тем не менее, ИМХО, семантика не может требовать нарушения синтаксиса. Другими словами, лучше 100% синтаксически валидный код, чем 100% семантически валидный, но синтаксически не-валидный. Само собой, речь о ситуациях, когда синтаксис ставит перед нами подобные ограничения.

[norlin]

SelenIT2: только вот при нарушении синтаксиса есть шанс, что что-то не будет работать. А это важнее, чем соблюдение семантики, которое, чаще всего, кроме разработчиков никто и не увидит. Аналогия с фразами слабо подходит к вёрстке...