Неправильно ли используется <img>для пункта меню?

Question

<div class="dashboard-icon">
        <a href="./structure/">
        <img class="admin-icon" src="<?=inc_path;?>images/icons/home.png" alt="" /></a><br />
        <p>Dashboard</p>
</div>

Это часть меню, как вы думаете, будет лучше в UL> LI?Я хочу ярлык под значком.

Попытка придумать причины, если это плохо или нет.:)

Answer 1

Используется ли <img> для неправильного пункта меню?

Нет, если это изображение содержимого (например, значок).

ЭтоЧасть меню, как вы думаете, было бы лучше в UL> LI?

Меню, как правило, списки ссылок, и было бы целесообразно использовать <ul> и <li>.Это не помешает вам использовать <img>.

<p>Dashboard</p>

Текстовое описание изображения, вероятно, не заслуживает отдельного абзаца,Я бы установил display: block на изображении, если бы хотел вызвать разрыв строки, и поместил бы текст внутри <a>, чтобы вся вещь была кликабельной.Я, конечно, не использовал бы разрыв строки и абзаца.Используйте margin для пробелов.