2 ошибки при проверке валидатором///Doctype: HTML5

[RichV]

Проверяю на валидность главную страницу, валидатор рапортует

1.  Line 330, Column 72: Attribute alt not allowed on element a at this point.

   …BBEPX" href="javascript://" id="toTop"><img src="catalog/view/theme/default/im…

   Attributes for element a: Global attributes href target download rel hreflang type
2.  Line 330, Column 72: Bad value javascript:// for attribute href on element a: missing } after function body

   …BBEPX" href="javascript://" id="toTop"><img src="catalog/view/theme/default/im…

   1.  Line 330, Column 72: Attribute alt not allowed on element a at this point.

      …BBEPX" href="javascript://" id="toTop"><img src="catalog/view/theme/default/im…

      Attributes for element a: Global attributes href target download rel hreflang type
   2.  Line 330, Column 72: Bad value javascript:// for attribute href on element a: missing } after function body

      …BBEPX" href="javascript://" id="toTop"><img src="catalog/view/theme/default/im…

      Syntax of IRI reference: Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20.

   Syntax of IRI reference: Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20.

 

Не могу понять, в чём ошибка.

ps Doctype: HTML5

 

 

[npofopr]

Уберите из href javascript и проверьте, что покажет.

Edited May 11, 2014 by npofopr

[RichV]

Уберите из href javascript и проверьте, что покажет.

Убрать не получается, при нажатии кнопки вверх перезагружается страница.

А со скриптом нет..

[SelenIT]

1) Атрибут alt есть только у картинок и не имеет ничего общего с всплывающей подсказкой (кроме исторического косяка IE4+). Alt — это альтернативный текст вместо картинки, если она недоступна (напр. для голосового браузера), а подсказка (для любого элемента) — это title.

2) Ссылка должна куда-то вести. Если по нажатию что-то делается без перехода, это не ссылка, а кнопка (<button>). Href="javascript:что-то" — кривой костыль, годный разве что для отладочных целей.

[RichV]

1) Атрибут alt есть только у картинок и не имеет ничего общего с всплывающей подсказкой (кроме исторического косяка IE4+). Alt — это альтернативный текст вместо картинки, если она недоступна (напр. для голосового браузера), а подсказка (для любого элемента) — это title.

2) Ссылка должна куда-то вести. Если по нажатию что-то делается без перехода, это не ссылка, а кнопка (<button>). Href="javascript:что-то" — кривой костыль, годный разве что для отладочных целей.

спасибо!!

с первым пунктом убрала альт

а вот со вторым сложнее, можете мне подсказать где инфорацию найти как переписать с кнопкой button?

Edited May 11, 2014 by RichV

[SelenIT]

Сорри, недосмотрел, что это кнопка «Наверх», т.е. по сути как раз ссылка на начало страницы. Тогда проще всего <a href="#"> и никакого скрипта не надо.

А вообще <button> используется точно так же, как <a href>: <button type="button">текст и графика для кнопки</button>. Единственное, что со стилизацией этого элемента в браузерах до сих пор есть нюансы, но в большинстве случаев это решаемо.

[RichV]

Сорри, недосмотрел, что это кнопка «Наверх», т.е. по сути как раз ссылка на начало страницы. Тогда проще всего <a href="#"> и никакого скрипта не надо.

А вообще <button> используется точно так же, как <a href>: <button type="button">текст и графика для кнопки</button>. Единственное, что со стилизацией этого элемента в браузерах до сих пор есть нюансы, но в большинстве случаев это решаемо.

Спасибо большое!!!