Müssen HTML Anker <a> tags haben?

[dont ScreaM]

Ich wollte aus den <hr> einen Anker machen, dazu hab ich noch einen "fidex" header und mein Inhalt landet hinter dem header.
Ich hab das versucht:
Scrolling to an anchor given fixed position navbar - JSFiddle

Bis jetzt klappt es nur so:

    <ul>
      <li><a href="#one">One</a></li>
      <li><a href="#two">Two</a></li>
      <li><a href="#three">Three</a></li>
    </ul>

<hr><a class="anchor" name="one">text 1</a>

a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

 

[Fallwrrk]

Ein Anker-Link scrollt zu dem Element mit der entsprechenden ID. Es ist vollkommen egal was für ein Element das ist. Gib dem Element, zu dem du hinspringen willst, einfach ne ID "one" und dann geht das. Mehr nicht.