Пустой тег

[Santorin]

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

Для активации смены картинки при наведении в списке использую пустой тег

<a>Текст</a>

Верное ли это решение, и может ли тег

<a>

быть пустым?

Заранее благодарю за ответ!

[Сергей Шолохов]

Если имеется ввиду атрибут href="#" то его принято ставить.

Хотя валидатор html пустой тег за ошибку не считает.

Я рекомендую поступить одним из следующих способов:

1. У ссылки прописывать:

<a href="#" onclick="return false">Ссылка</a>

2. Использовать тег span вместо ссылки:

<span style="cursor:pointer">Текст</span>

Edited December 31, 2011 by Сергей Шолохов

[Gaspode]

Верное ли это решение, и может ли тег

<a>

быть пустым?

Нормально решение вполне, я тоже так делаю частенько.

[SelenIT]

Маленькое уточнение: по терминологии, пустым тегом называется тег без содержимого (<a></a> или <a/> в XML). А тег <a> без атрибута href допустим в HTML5, но толку от него немного (:hover в IE6 к нему не применяется, :focus оно не ловит и т.п.), ровно с тем же успехом можно использовать любой другой тег (в т.ч. повесить активацию смены картинки напрямую на li:hover, без прослойки).

[Santorin]

Если имеется ввиду атрибут href="#" то его принято ставить.

Хотя валидатор html пустой тег за ошибку не считает.

Я рекомендую поступить одним из следующих способов:

1. У ссылки прописывать:

<a href="#" onclick="return false">Ссылка</a>

2. Использовать тег span вместо ссылки:

<span style="cursor:pointer">Текст</span>

Благодарю за совет!

Маленькое уточнение: по терминологии, пустым тегом называется тег без содержимого (<a></a> или <a/> в XML). А тег <a> без атрибута href допустим в HTML5, но толку от него немного (:hover в IE6 к нему не применяется, :focus оно не ловит и т.п.), ровно с тем же успехом можно использовать любой другой тег (в т.ч. повесить активацию смены картинки напрямую на li:hover, без прослойки).

Благодарю за уточнение!

[Santorin]

Если имеется ввиду атрибут href="#" то его принято ставить.

Хотя валидатор html пустой тег за ошибку не считает.

Я рекомендую поступить одним из следующих способов:

1. У ссылки прописывать:

<a href="#" onclick="return false">Ссылка</a>

2. Использовать тег span вместо ссылки:

<span style="cursor:pointer">Текст</span>

Первый способ сработал. Спасибо!

При втором - пропадает картинка, и остается только текст.