стиль кодирования - ссылки на изображения с описанием

Question

Мне интересно, как отформатировать мой код.какой из них лучше?

<a href="http://stackoverflow.com">
<img src="http://localhost/g3.jpg" alt="" height="90" width="150">
Q&A for professional and enthusiast programmers
</a>

ИЛИ

<a href="http://stackoverflow.com">
<img src="http://localhost/g3.jpg" alt="" height="90" width="150">
</a>
<a href="http://stackoverflow.com">Q&A for professional and enthusiast programmers</a>

Answer 1

Все зависит от того, что вы хотите получить:

• Если вам нужна только одна ссылка (что, я полагаю, имеет место, здесь?) , тогда идитес первым решением
• Если вам нужны две разные ссылки (не знаю, зачем вам это нужно, поскольку обе указывают на одно и то же местоположение) , то перейдите ко второму решению.

Здесь вы хотите, чтобы <img> и текст ссылались на одну и ту же страницу - так что, я бы сказал, более логично использовать только один <a>

Answer 2

Я бы определенно выбрал первый вариант, если у вас нет особых причин иметь две ссылки. Не думайте об этом с точки зрения правильного стиля кодирования, а с точки зрения удобства использования.

Обратите внимание, что у вас также есть возможность только использовать текст в ссылке и установить изображение как свойство background-image ссылки в CSS. Во многих случаях это именно то, что я сделал бы, если само изображение не является необходимым для понимания ссылки.

В подобных случаях лучше всего подумать: «Какая структура HTML наиболее точно отражает то, как я хочу, чтобы пользователь воспринимал этот элемент?»

Answer 3

Первый вариант имеет больше смысла для меня (, поскольку вы хотите, чтобы изображение и текст были частью ссылки, я не вижу смысла делать две ссылки ).