convert bad to correct

Question

This code gives errors in the W3 Validator, however it does the job on click.

<span href="#" class="click">+</span>

If I convert it to the code below it validates in the W3 but on click the pointer moves up, on the screen. It does not stay on the "+"

<a href="#" class="click">+</a>

What is wrong with it?

Can you share a JS Fiddle showing your problem? Or a code snippet? — Vishwas Singh Chouhan, Jan 28 '17 at 10:01
Why do you even care about W3C validation? Think about **that** — vsync, Jan 28 '17 at 10:05

score 3 · Answer 1 · answered Jan 28 '17 at 10:14

3

please use a <button> instead of <a> if you don't want to provide a link!

a <button> element is exactly what you want, because the <a> tag is for links and a href="#" would trigger a jump to top.

answered Jan 28 '17 at 10:14

mador

Sanjeev Kumar · Accepted Answer · 2017-01-28T10:10:37.033

2

To avoid click jumps on anchor tags, remove hash and add javascript:; instead, like below:

<a href="javascript:;" class="click">+</a>

edited Jan 28 '17 at 10:10

answered Jan 28 '17 at 10:01

Sanjeev Kumar

why messing around with inline js? just use a ` – mador Jan 28 '17 at 10:17
I have suggested the answer as per the question, OP was facing click jumps problem, so I just suggested him that, changing the tag is his decision. – Sanjeev Kumar Jan 28 '17 at 10:20
sure, but the "click jump problem" is the result of using the wrong tag for this case :) – mador Jan 28 '17 at 10:33

score 0 · Answer 3 · edited May 23 '17 at 12:33

0

you can also use this way.

<a href="javascript:void(0)"; class="click">+</a>

you refer more here

edited May 23 '17 at 12:33

Community

answered Jan 28 '17 at 10:06

Yonas Hailu

3 Answers3