Что это и зачем?

Потому что это h2 видимо со своим стилем отображения, отличным от стандартного вида. Вопрос напоминает, а почему программист придумал название переменной как var $g10 а не $gt

В html5 так якоря прописываются

Вполне приемлемая практика:

Разграничить пространство имен для DOM и для переменных

<element id="abc-yy" class="abc-nn" />

var abc_yy = document.getElementById('abc-yy').innerHtml.

Такое обозначение бывает удобно, когда надо 1 по событию сразу несколько элементов обработать. Например есть кусок кода:

<h2 id="h2_10"></h2>

<p id="p_10">

<span id="span_10"></span>

<input id="input_10"></input>

<button onclick="DoSomething(10);"></button>

</p>

...

<h2 id="h2_100500"></h2>

<p id="p_100500">

<span id="span_100500"></span>

<input id="input_100500"></input>

<button onclick="DoSomething(100500);"></button>

</p>

Тогда в скрипте всё просто:

function DoSomething(identity){

var h2 = $("#h2_" + identity).html();

var p = $("#p_" + identity).html();

var span = $("#span_" + identity).html();

var input = $("#input_" + identity).val();

}

Чисто теоретический пример.

А писать "_10" или "-10" - это дело вкуса и ничего не говорит о квалификации. А если программист путается с "-" в string и "-" в качестве оператора, то это печально. Скорее всего он кодит в блокноте, там синтаксис не подсвечивается и "-" в строках пугает :).